.welcome-page{background:radial-gradient(circle at top,#2f80ed33,#0000 36%),linear-gradient(#0a0a0afa,#0e0e0e);place-items:center;min-height:100vh;padding:32px 20px;display:grid}.welcome-shell{flex-direction:column;gap:28px;width:min(100%,640px);display:flex}.welcome-brand{flex-direction:column;gap:18px;display:flex}.welcome-logo-link{width:fit-content;display:inline-flex}.welcome-logo{width:min(220px,100%);height:auto}.welcome-meta{justify-content:space-between;align-items:center;gap:16px;display:flex}.welcome-progress{color:var(--text-secondary);letter-spacing:.02em;font-size:.92rem}.welcome-sign-in-link{color:#9dc3ff;font-size:.92rem;text-decoration:none}.welcome-sign-in-link:hover{color:#c4dcff}.welcome-panel{border:1px solid var(--border);background:radial-gradient(circle at 0 0,#2f80ed29,#0000 34%),linear-gradient(#171717f5,#0c0c0cfa);border-radius:28px;min-height:220px;padding:36px 34px;box-shadow:0 24px 70px #00000059}.welcome-panel-enter{animation:.32s ease-in-out both welcome-panel-enter}.welcome-panel-exit{animation:.18s ease-in-out both welcome-panel-exit}.welcome-page-content{flex-direction:column;justify-content:center;gap:18px;min-height:100%;display:flex}.welcome-page-content h1{letter-spacing:-.05em;margin:0;font-size:2.6rem;font-weight:700;line-height:1.04}.welcome-page-content p{color:var(--text-secondary);margin:0;font-size:1.05rem;line-height:1.7}.welcome-page-content-active p{color:#d6deeb}.welcome-reveal{opacity:0;animation:.3s ease-in-out forwards welcome-reveal;transform:translateY(8px)}.welcome-list{color:#d8dee9;gap:10px;margin:0;padding:0;font-size:1rem;list-style:none;display:grid}.welcome-list li{padding-left:20px;position:relative}.welcome-list li:before{content:"";background:linear-gradient(135deg,#7fb2ff,#2f80ed);border-radius:999px;width:8px;height:8px;position:absolute;top:10px;left:0}.welcome-field{color:#e6edf7;gap:10px;font-size:.95rem;font-weight:600;display:grid}.welcome-input{border:1px solid var(--border-soft);height:52px;color:var(--foreground);font:inherit;background:#0c0c0ce0;border-radius:14px;outline:none;padding:0 16px;transition:border-color .18s,box-shadow .18s}.welcome-input:focus{border-color:#2f80ed;box-shadow:0 0 0 3px #2f80ed2e}.welcome-actions{flex-wrap:wrap;gap:14px;display:flex}.welcome-primary-btn,.welcome-secondary-btn{cursor:pointer;border:1px solid #0000;border-radius:999px;min-height:48px;padding:0 20px;font-size:.96rem;font-weight:600;transition:transform .18s,box-shadow .18s,opacity .18s,border-color .18s}.welcome-primary-btn{color:#fff;background:linear-gradient(135deg,#2f80ed 0%,#1b5fc4 100%);box-shadow:0 16px 36px #2f80ed42}.welcome-secondary-btn{color:#dce9ff;background:0 0;border-color:#9dc3ff42}.welcome-primary-btn:hover,.welcome-secondary-btn:hover{transform:translateY(-1px)}.welcome-primary-btn:disabled,.welcome-secondary-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.welcome-footnote{color:var(--text-muted);font-size:.92rem}.welcome-error{color:#fca5a5;margin:6px 0 0;font-size:.95rem;line-height:1.5}@keyframes welcome-reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes welcome-panel-enter{0%{opacity:0;transform:translate(36px)scale(.985)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes welcome-panel-exit{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(-24px)scale(.992)}}@media (max-width:640px){.welcome-page{padding:24px 16px}.welcome-meta{flex-direction:column;align-items:flex-start}.welcome-panel{border-radius:24px;min-height:380px;padding:28px 22px}.welcome-actions{flex-direction:column}.welcome-primary-btn,.welcome-secondary-btn{width:100%}}