body.nsf-glass.welcome-screen{margin:0;padding:24px;color:#eff5ff;background:radial-gradient(ellipse at 15% 15%,#173457,transparent 48%),radial-gradient(ellipse at 90% 50%,#1b2460,transparent 48%),#080e23!important;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100dvh}.welcome{max-width:1120px;margin:auto;min-height:calc(100dvh - 48px);display:flex;flex-direction:column}
.welcome .welcome-header{display:flex;align-items:center;justify-content:space-between;gap:12px;background:transparent!important;padding:0;position:relative;z-index:2}.welcome-brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}.welcome-brand img{border-radius:12px;box-shadow:0 8px 22px #0004}.welcome-brand>span{font-size:14px;font-weight:750;letter-spacing:.07em}.welcome-brand small{display:block;margin-top:3px;color:#9eb3d1;font-size:10px;font-weight:450;letter-spacing:.02em}.welcome-about{min-height:44px;display:flex;align-items:center;font-size:12px;text-decoration:none;color:#c9dcf5;padding:8px 12px;border:1px solid #b4d9ff26;border-radius:24px;background:#c3e4ff08;white-space:nowrap}
.welcome-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;flex:1;padding:52px 0}.welcome-copy{position:relative;z-index:1}.welcome-eyebrow{font-size:10px;letter-spacing:.2em;font-weight:700;color:#91cfff;margin:0 0 16px}.welcome h1{font-size:clamp(38px,4.8vw,64px);line-height:1.08;letter-spacing:-.05em;font-weight:650;margin:0 0 20px}.welcome h1>span{color:#a7d6ff}.welcome-intro{color:#a9bdd8;font-size:16px;line-height:1.65;max-width:36ch;margin:0}.welcome-actions{display:flex;gap:12px;margin:30px 0 24px}.welcome-actions a{min-height:52px;display:flex;align-items:center;justify-content:center;border-radius:17px;padding:14px 23px;font-size:14px;font-weight:650;text-decoration:none;transition:transform .18s}.welcome-primary{gap:24px;background:linear-gradient(135deg,#5eb6ff,#3766f4 60%,#4249d8);color:white;border:1px solid #a2c9ff99;box-shadow:inset 0 1px #ffffff70,inset 0 -3px #142e8c66,0 10px 26px #1d54e744}.welcome-primary span{font-size:20px}.welcome-secondary{border:1px solid #b7d9ff40;color:#dceaff;background:linear-gradient(140deg,#d7edff1c,#507db509);box-shadow:inset 0 1px #ffffff18}.welcome-actions a:hover{transform:translateY(-2px)}.welcome a:focus-visible,.welcome button:focus-visible{outline:3px solid #a5eeff;outline-offset:4px}.welcome-steps{display:flex;gap:22px;color:#91a8c7;font-size:11px}.welcome-steps span{display:flex;align-items:center;gap:6px}.welcome-steps b{font-size:10px;font-weight:600;color:#c3dcf9}
.welcome-visual{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}.logo-scene{position:relative;width:100%;max-width:440px;height:410px;perspective:1000px;isolation:isolate;pointer-events:none}.logo-aura{position:absolute;inset:8%;background:radial-gradient(ellipse,#3c88ff38,#6f6ff616 40%,transparent 70%);border-radius:50%;animation:welcome-breathe 7s ease-in-out infinite}.logo-float{position:absolute;width:220px;height:244px;left:50%;top:46%;margin:-122px 0 0 -110px;transform-style:preserve-3d;animation:welcome-float 8s ease-in-out infinite}.logo-face,.logo-layer{position:absolute;inset:0;border-radius:38px;border:1px solid #bddeff66}.logo-layer{background:linear-gradient(145deg,#84b9ed26,#17326099);box-shadow:0 18px 45px #02071e44}.layer-back{transform:translate3d(-25px,22px,-40px) rotate(-9deg);opacity:.48}.layer-mid{transform:translate3d(-12px,11px,-20px) rotate(-4deg);opacity:.8}.logo-face{display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(140deg,#a5d8ff50,#4773b526 48%,#142c5699);box-shadow:inset 0 2px #eafaff88,inset 0 -5px #05133066,0 25px 48px #0005,0 0 36px #64aaff12;backdrop-filter:blur(12px)}.logo-face img{position:relative;width:112px;height:112px;border-radius:30px;box-shadow:0 15px 22px #0005,0 0 0 1px #caf1ff44;animation:welcome-logo 8s ease-in-out infinite}.logo-wordmark{margin-top:22px;font-size:19px;font-weight:800;letter-spacing:.15em;color:#f1f8ff;text-shadow:0 2px 2px #0005}.logo-wordmark span{font-weight:450;color:#c3dcfb}.logo-caption{font-size:7px;letter-spacing:.14em;color:#afcbea;margin-top:7px}.logo-edge{position:absolute;bottom:0;left:25%;width:50%;height:2px;background:#8adaff;box-shadow:0 0 18px 4px #79caff66}.logo-reflection{position:absolute;inset:-80%;background:linear-gradient(105deg,transparent 40%,#e2f5ff22 48%,#fff5 50%,#e2f5ff14 52%,transparent 60%);animation:welcome-shine 8s ease-in-out infinite}
.logo-orbit{position:absolute;left:50%;top:46%;width:350px;height:350px;margin:-175px;border:1px solid #94caff35;border-radius:50%;transform:rotateX(64deg) rotateZ(-22deg);animation:welcome-orbit 16s linear infinite}.orbit-two{width:310px;height:310px;margin:-155px;opacity:.45;animation-direction:reverse;animation-duration:21s}.logo-orbit:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;top:45px;left:45px;background:#a5e9ff;box-shadow:0 0 16px 4px #5ab5ff88}.logo-plinth{position:absolute;left:20%;right:20%;height:40px;bottom:38px;border-radius:50%;background:radial-gradient(ellipse,#74b9ff38,transparent 68%);filter:blur(5px);animation:welcome-breathe 8s ease-in-out infinite}.light-point{position:absolute;width:5px;height:5px;border-radius:50%;background:#bee8ff;box-shadow:0 0 16px #81c8ff;animation:welcome-breathe 5s ease-in-out infinite}.point-one{left:16%;top:22%}.point-two{right:14%;bottom:25%;width:3px;height:3px;animation-delay:-2s}.welcome-motion{margin-top:-10px;position:relative;z-index:2;padding:8px 14px;min-height:36px;border:1px solid #b9d8ff25;border-radius:20px;background:#0e1c3566;color:#9cb6d8;font-size:10px;letter-spacing:.04em;cursor:pointer}.welcome-motion:disabled{opacity:.8;cursor:default}.welcome-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:18px;border-top:1px solid #aecdf21a;color:#849ab8;font-size:11px;line-height:1.6}.welcome-footer p{margin:0;max-width:44ch}.welcome-footer a{color:#b4c9e4;text-decoration:none;min-height:44px;display:flex;align-items:center}
@keyframes welcome-float{0%,100%{transform:translateY(4px) rotateX(8deg) rotateY(-17deg) rotateZ(-8deg)}50%{transform:translateY(-12px) rotateX(-4deg) rotateY(14deg) rotateZ(5deg)}}@keyframes welcome-logo{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.035)}}@keyframes welcome-shine{0%,20%{transform:translateX(-45%) rotate(-12deg)}70%,100%{transform:translateX(45%) rotate(-12deg)}}@keyframes welcome-orbit{from{transform:rotateX(64deg) rotateZ(-22deg)}to{transform:rotateX(64deg) rotateZ(338deg)}}@keyframes welcome-breathe{0%,100%{opacity:.5;transform:scale(.96)}50%{opacity:1;transform:scale(1.05)}}.welcome-paused .logo-scene *,.welcome-backgrounded .logo-scene *{animation-play-state:paused!important}
@media(max-width:760px){body.nsf-glass.welcome-screen{padding:18px 20px 12px}.welcome{min-height:calc(100dvh - 30px)}.welcome-grid{grid-template-columns:1fr;gap:18px;padding:12px 0 22px}.welcome-visual{order:-1}.logo-scene{height:265px;max-width:330px}.logo-float{width:160px;height:178px;margin:-89px 0 0 -80px;top:48%}.logo-face,.logo-layer{border-radius:29px}.logo-face img{width:78px;height:78px;border-radius:23px}.logo-wordmark{font-size:14px;margin-top:16px}.logo-caption{font-size:5.5px}.logo-orbit{width:260px;height:260px;margin:-130px;top:48%}.orbit-two{width:230px;height:230px;margin:-115px}.logo-orbit:after{left:35px;top:35px;width:6px;height:6px}.logo-plinth{bottom:21px}.welcome-motion{margin-top:-6px;min-height:32px;font-size:9px}.welcome h1{font-size:38px;margin-bottom:12px}.welcome-eyebrow{font-size:9px;margin-bottom:10px}.welcome-intro{font-size:14px;line-height:1.6;max-width:38ch}.welcome-actions{margin:22px 0 18px;gap:10px}.welcome-primary{flex:1}.welcome-secondary{min-width:100px}.welcome-steps{justify-content:space-between;gap:10px;font-size:10px}.welcome-footer{font-size:10px;gap:12px}.welcome-footer p{max-width:26ch}.welcome-footer a{max-width:13ch;flex-shrink:0}.welcome-about{padding:8px 10px;font-size:11px}.welcome-brand>span{font-size:12px}.welcome-brand small{font-size:8px}}
@media(max-width:760px) and (max-height:740px){.logo-scene{height:215px}.logo-float{width:142px;height:157px;margin:-78px 0 0 -71px}.logo-face img{width:66px;height:66px;border-radius:20px}.logo-wordmark{font-size:12px}.logo-caption{font-size:5px}.logo-orbit{width:225px;height:225px;margin:-112px}.orbit-two{width:198px;height:198px;margin:-99px}.welcome h1{font-size:33px}.welcome-grid{gap:10px}.welcome-actions{margin:17px 0 14px}}
@media(prefers-reduced-motion:reduce){.welcome-screen *,.welcome-screen *:before,.welcome-screen *:after{animation:none!important;transition:none!important}.logo-float{transform:rotateY(-12deg) rotateZ(-5deg)}}