:root{--bg:#050807;--panel:#09100e;--panel2:#0d1713;--text:#f4fbf7;--muted:#90a29a;--border:#1b2b25;--gold:#ffc84a;--gold2:#f59e0b;--green:#43e0a6}html.light{--bg:#f4f8f5;--panel:#fff;--panel2:#eef4f1;--text:#101714;--muted:#6a7b74;--border:#d7e3de;--gold:#d89400;--gold2:#b97200;--green:#168664}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 50% -10%,#182419 0,transparent 38%),var(--bg);color:var(--text);font:14px Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button{font:inherit}.welcome-shell{width:min(100%,1120px);min-height:100vh;margin:auto;padding:max(18px,env(safe-area-inset-top)) 22px max(28px,env(safe-area-inset-bottom))}.welcome-top{display:flex;align-items:center;justify-content:space-between;gap:14px}.ttaj-brand{display:flex;align-items:center;gap:11px;color:var(--text);text-decoration:none}.ttaj-brand img{width:46px;height:46px;object-fit:contain;border-radius:50%;border:1px solid #ffc84a66;background:#0b0d0c;box-shadow:0 0 30px #f5a00021}.ttaj-brand b{display:block;font-size:16px}.ttaj-brand small{display:block;margin-top:2px;color:var(--gold);font-size:9px;font-weight:900;letter-spacing:.13em}.theme-btn{width:42px;height:42px;border-radius:14px;border:1px solid var(--border);background:var(--panel);color:var(--text);font-size:18px}.mascot-card{position:relative;isolation:isolate;overflow:hidden;min-height:680px;margin-top:18px;border:1px solid var(--border);border-radius:34px;background:radial-gradient(circle at 50% 30%,#ffc84a12,transparent 32%),linear-gradient(145deg,var(--panel2),var(--panel));box-shadow:0 28px 90px #0008;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);align-items:center;padding:46px}.aurora{position:absolute;z-index:-2;border-radius:50%;filter:blur(35px);opacity:.7}.a1{width:360px;height:360px;background:#f5a00019;left:8%;top:15%}.a2{width:300px;height:300px;background:#43e0a611;right:7%;bottom:5%}.orbit{position:absolute;z-index:-1;left:12%;top:50%;width:420px;height:420px;border:1px solid #ffc84a2b;border-radius:50%;transform:translateY(-50%) rotate(-18deg)}.o2{width:330px;height:330px;left:16%;border-color:#ffc84a18;animation:orbit 9s linear infinite}.crest-mark{position:absolute;left:29%;top:17%;width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:#0a0d0b;border:1px solid #ffc84a88;box-shadow:0 0 0 10px #ffc84a08,0 0 50px #f5a00045;animation:crest 3.4s ease-in-out infinite}.crest-mark img{width:64px;height:64px;object-fit:contain}.bird-wrap{display:grid;place-items:center;min-width:0}.hoopoe{width:min(100%,560px);filter:drop-shadow(0 22px 28px #0009);animation:birdFloat 3.2s ease-in-out infinite}.wing{transform-box:fill-box;transform-origin:center 85%}.wing-left{animation:flapLeft .62s ease-in-out infinite alternate}.wing-right{animation:flapRight .62s ease-in-out infinite alternate}.body{animation:bodyBob .62s ease-in-out infinite alternate}.welcome-copy{position:relative;z-index:3;max-width:480px}.eyebrow{display:inline-block;font-size:11px;font-weight:950;letter-spacing:.18em;color:var(--gold)}h1{font-size:clamp(36px,5vw,64px);line-height:.98;letter-spacing:-.045em;margin:14px 0 16px}h1 em{font-style:normal;color:var(--gold)}.welcome-copy p{max-width:440px;color:var(--muted);font-size:16px;line-height:1.7}.trust-row{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.trust-row span{padding:8px 10px;border-radius:999px;border:1px solid var(--border);background:#ffffff05;color:var(--text);font-size:11px;font-weight:850}.enter-btn{width:min(100%,390px);min-height:58px;border:0;border-radius:18px;padding:0 18px;background:linear-gradient(135deg,#ffd45a,#f4a30e);color:#151108;display:flex;align-items:center;justify-content:space-between;font-weight:950;font-size:15px;box-shadow:0 16px 42px #f5a00023;cursor:pointer}.enter-btn b{font-size:24px}.replay-btn{margin-top:10px;padding:10px 4px;border:0;background:transparent;color:var(--muted);font-weight:800;cursor:pointer}.footnote{text-align:center;color:var(--muted);font-size:11px;margin:14px 0 0}.spark{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 14px var(--gold);animation:twinkle 1.8s ease-in-out infinite}.s1{left:15%;top:22%}.s2{left:42%;top:12%;animation-delay:.4s}.s3{left:7%;bottom:26%;animation-delay:.8s}.s4{left:48%;bottom:15%;animation-delay:1.1s}.s5{left:31%;top:47%;animation-delay:1.4s}.mascot-card.replay .hoopoe{animation:arrival 1.25s cubic-bezier(.19,.8,.25,1),birdFloat 3.2s 1.25s ease-in-out infinite}.mascot-card.replay .crest-mark{animation:crestBurst 1.2s ease-out,crest 3.4s 1.2s ease-in-out infinite}@keyframes flapLeft{from{transform:rotate(11deg) scaleY(.96)}to{transform:rotate(-14deg) scaleY(1.05)}}@keyframes flapRight{from{transform:rotate(-11deg) scaleY(.96)}to{transform:rotate(14deg) scaleY(1.05)}}@keyframes bodyBob{from{transform:translateY(2px)}to{transform:translateY(-5px)}}@keyframes birdFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-12px) rotate(1deg)}}@keyframes orbit{to{transform:translateY(-50%) rotate(342deg)}}@keyframes crest{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.04)}}@keyframes twinkle{0%,100%{opacity:.2;transform:scale(.6)}50%{opacity:1;transform:scale(1.35)}}@keyframes arrival{0%{opacity:0;transform:translate(-34%,-8%) scale(.48) rotate(-8deg)}55%{opacity:1;transform:translate(4%,-5%) scale(1.06) rotate(2deg)}100%{transform:translate(0,0) scale(1) rotate(0)}}@keyframes crestBurst{0%{opacity:0;transform:scale(.35)}55%{opacity:1;transform:scale(1.18)}100%{transform:scale(1)}}
@media(max-width:820px){.welcome-shell{padding:14px 13px max(22px,env(safe-area-inset-bottom))}.mascot-card{min-height:auto;grid-template-columns:1fr;padding:22px 16px 26px;border-radius:26px}.bird-wrap{height:370px}.hoopoe{max-width:430px}.crest-mark{left:50%;top:9%;transform:translateX(-50%)}.orbit{left:50%;top:30%;width:340px;height:340px;transform:translate(-50%,-50%)}.o2{left:50%;width:270px;height:270px;animation:none}.welcome-copy{text-align:center;margin:auto}.welcome-copy p{margin-inline:auto}.trust-row{justify-content:center}.enter-btn{margin-inline:auto}.ttaj-brand small{display:none}}@media(max-width:430px){.ttaj-brand span{display:none}.mascot-card{margin-top:12px}.bird-wrap{height:330px}.hoopoe{width:390px;max-width:118%}.crest-mark{width:58px;height:58px}.crest-mark img{width:51px;height:51px}h1{font-size:39px}.welcome-copy p{font-size:14px}.trust-row{margin:17px 0}.enter-btn{min-height:56px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}