.welcome-screen{position:fixed;inset:0;z-index:100;display:grid;place-items:center;overflow:auto;padding:28px 18px;background:radial-gradient(ellipse at 15% 20%,#17477a66,transparent 34%),radial-gradient(ellipse at 88% 78%,#123b6c55,transparent 36%),linear-gradient(135deg,#031126,#061d3a 52%,#03142b);color:#f5f7fb}.welcome-screen::before{content:"ROTA";position:fixed;left:50%;top:50%;transform:translate(-50%,-53%) rotate(-9deg);font-size:clamp(150px,35vw,520px);font-weight:1000;letter-spacing:-.09em;color:#9fc4f0;opacity:.025;pointer-events:none}.welcome-screen::after{content:"";position:fixed;inset:0;opacity:.08;pointer-events:none;background-image:linear-gradient(#8bb1df 1px,transparent 1px),linear-gradient(90deg,#8bb1df 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(transparent,#000 18%,#000 82%,transparent)}.welcome-card{position:relative;z-index:1;width:min(720px,100%);overflow:hidden;border:1px solid #324760;border-radius:17px;background:linear-gradient(145deg,#071522f5,#04101df7);box-shadow:0 24px 80px #0008}.welcome-brand{display:flex;align-items:center;gap:12px;padding:15px 25px;border-bottom:1px solid #ffffff1c}.welcome-brand img{width:40px;height:40px;object-fit:contain;border:1px solid #e3e6eb;border-radius:9px;background:white;padding:2px}.welcome-brand strong{display:block;font-size:14px;letter-spacing:.13em}.welcome-brand small{display:block;margin-top:2px;color:#d8a64b;font-size:8px;font-weight:900;letter-spacing:.16em}.welcome-body{padding:30px 36px 27px}.welcome-kicker{color:#d8a64b;font-size:9px;font-weight:950;letter-spacing:.12em}.welcome-body h1{margin:12px 0 9px;font-size:clamp(32px,5vw,43px);line-height:1.08;letter-spacing:-.045em}.welcome-body>p{max-width:620px;margin:0;color:#c3cfdd;font-size:13px;line-height:1.65}.welcome-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:19px 0 21px}.welcome-features article{display:flex;min-height:94px;flex-direction:column;align-items:flex-start;padding:11px 12px;border:1px solid #ffffff20;background:#ffffff0a}.welcome-features article>span{margin-bottom:6px;color:#d8a64b;font-size:15px}.welcome-features b{font-size:10px}.welcome-features small{margin-top:4px;color:#c0cad7;font-size:9px;line-height:1.45}.welcome-enter{min-height:39px;padding:0 16px;border:1px solid #dfb54d;border-radius:7px;background:linear-gradient(180deg,#e0bd58,#c99b32);color:#101a28;font-size:11px;font-weight:950;box-shadow:0 5px 18px #0003}.welcome-enter:hover{filter:brightness(1.08);transform:translateY(-1px)}.welcome-footer{display:flex;align-items:center;gap:8px;padding:11px 20px;border-top:1px solid #ffffff1c;color:#c0cad7;font-size:9px}.welcome-footer span{color:#d8a64b}.welcome-closing{animation:welcomeFade .18s ease forwards}@keyframes welcomeFade{to{opacity:0;visibility:hidden}}@media(max-width:600px){.welcome-screen{padding:14px}.welcome-brand{padding:12px 17px}.welcome-body{padding:23px 18px 19px}.welcome-body h1{font-size:34px}.welcome-body>p{font-size:12px}.welcome-features{grid-template-columns:1fr;gap:7px;margin:15px 0}.welcome-features article{min-height:auto;display:grid;grid-template-columns:22px 1fr;column-gap:3px;align-items:center;padding:9px 10px}.welcome-features article>span{grid-row:span 2;margin:0}.welcome-features small{margin-top:2px}.welcome-footer{align-items:flex-start;padding:10px 14px;line-height:1.5}}@media(prefers-reduced-motion:reduce){.welcome-closing{animation:none}}