:root{--card: #fff;--ink: #0f172a;--muted: #64748b;--line: #e5e7eb;--brand: #921b00;--brand-deep: #5a1000;--grad: linear-gradient(135deg, var(--brand), var(--brand-deep));--bg: #f7f7fb;--chip: #f3f4f6;--chip2: #eef2f7;--fg: #eeeeee;--fg-dim: #d8d8d8;--panel-bg: rgba(0,0,0,.5);--panel-bg-strong: rgba(0,0,0,.6);--sat: env(safe-area-inset-top);--sab: env(safe-area-inset-bottom);--sar: env(safe-area-inset-right);--sal: env(safe-area-inset-left)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;overflow:hidden;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:linear-gradient(135deg,#921b00,#450900);scroll-behavior:smooth}@keyframes fadeSlideIn{0%{opacity:0;transform:translate(6px)}to{opacity:1;transform:translate(0)}}.snap-container{height:100%;overflow-y:auto;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;padding-left:var(--sal);padding-right:var(--sar)}section.card{position:relative;height:100svh;width:100%;background:#fff;border-radius:12px;box-shadow:0 8px 16px #0003;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding-top:calc(var(--sat) + .2rem);padding-bottom:calc(var(--sab) + 1rem);padding-inline:.2rem}section.card>.encased-wrapper{flex:1;display:flex;align-items:center;justify-content:center;height:90%;width:100%;overflow:visible}@media (min-width: 900px){section.card>.encased-wrapper{width:33%;max-width:960px;height:85%;margin:0 auto}}.welcome-content{text-align:center;padding:2rem}.welcome-content img{max-width:200px;border-radius:50%;margin-bottom:1rem}.welcome-content h1{color:var(--brand);font-size:2rem;margin-bottom:.5rem}.welcome-content h2{color:var(--brand-deep);font-size:1.25rem;font-style:italic;margin-bottom:1rem}.welcome-content p{color:#333;font-size:1rem;line-height:1.4}.modal{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease;z-index:999}.modal.active{opacity:1;visibility:visible}.modal-content{background:var(--card);border-radius:20px;padding:2rem 2.2rem;box-shadow:0 10px 40px #0003;position:relative;max-width:480px;width:90%;color:var(--ink);text-align:center;transform:scale(.97);transition:transform .3s ease}.modal.active .modal-content{transform:scale(1)}.modal-content h2{color:var(--brand);margin-bottom:.6rem;font-size:1.5rem}.modal-content p{color:var(--muted);line-height:1.5;margin-bottom:.8rem}.close-btn{position:absolute;top:.8rem;right:1rem;background:transparent;border:none;font-size:1.6rem;color:var(--muted);cursor:pointer;transition:color .2s ease}.close-btn:hover{color:var(--brand)}.modal-content.wide{max-width:600px;display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.download-grid{display:flex;justify-content:center;gap:2rem;margin-top:1.2rem}.platform-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;background:var(--grad);color:#fff;padding:1rem;border-radius:16px;width:130px;height:130px;text-decoration:none;font-weight:600;transition:transform .25s ease,filter .25s ease}.platform-box svg{width:42px;height:42px;margin-bottom:.2rem}.platform-box:hover{transform:translateY(-3px);filter:brightness(1.1)}.platform-box.apple{background:linear-gradient(135deg,#111,#333)}.platform-box.android{background:linear-gradient(135deg,#3ddc84,#2da96b)}.register-grid{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;width:100%}.register-part{flex:1 1 45%;background:var(--chip2);border-radius:14px;padding:1.2rem;box-shadow:0 2px 6px #00000014;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem}.register-part h3{color:var(--brand);font-size:1.1rem;margin-bottom:.3rem}.register-part p{color:var(--muted);font-size:.95rem;text-align:center;margin:0}.btn-disabled{background:var(--muted);color:#fff;border:none;border-radius:8px;padding:.7rem 1rem;cursor:not-allowed;opacity:.8}.contact-info{list-style:none;margin:1rem 0;padding:0;font-size:.95rem;color:var(--ink)}.contact-info li{margin-bottom:.3rem}.contact-info a{color:var(--brand);text-decoration:none}.contact-info a:hover{text-decoration:underline}@media (max-width: 600px){.welcome-content{padding:1rem}.download-grid{flex-direction:column;gap:1rem}.register-grid{flex-direction:column}.platform-box{width:100%;height:auto;flex-direction:row;justify-content:flex-start;padding:.8rem 1rem}.platform-box svg{width:36px;height:36px;margin-right:.6rem}.modal-content{padding:1.5rem}}