:root{--navy:#1e1e1e;--navy-soft:#3d3d3d;--page:#eef0fa;--card:#fff;--text:#14142b;--text-secondary:#62627a;--text-tertiary:#9c9cb0;--line:#e7e7f2;--field:#f6f6fb;--danger:#d43d3d}*{box-sizing:border-box}body{background:var(--page);min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}button,input{font:inherit}input::placeholder{color:var(--text-tertiary)}.shell-page{place-items:center;min-height:100vh;padding:24px;display:grid}.shell-card{background:var(--card);border-radius:24px;grid-template-columns:380px 1fr;width:100%;max-width:880px;min-height:540px;display:grid;overflow:hidden;box-shadow:0 24px 80px #14145024}.shell-panel{color:#fff;background:radial-gradient(130% 90% at 85% 10%,#ffffff59 0%,#fff0 45%),radial-gradient(120% 120% at 15% 90%,#8a8a8a 0%,#8a8a8a00 50%),linear-gradient(150deg,#4d4d4d 0%,#2a2a2a 38%,#1f1f1f 70%,#000 100%);border-radius:16px;flex-direction:column;justify-content:space-between;margin:14px;padding:24px;display:flex;position:relative}.shell-panel .brand-logo{border-radius:12px;box-shadow:0 8px 24px #00002859}.shell-panel .tagline{letter-spacing:-.01em;margin:0;font-size:22px;font-weight:650;line-height:1.3}.shell-panel .tagline-kicker{opacity:.75;margin:0 0 8px;font-size:13px}.shell-content{flex-direction:column;justify-content:center;padding:48px 56px;display:flex}@media (max-width:760px){.shell-card{grid-template-columns:1fr;min-height:0}.shell-panel{display:none}.shell-content{padding:36px 28px}}.ctl{border:none;border-radius:12px;width:100%;padding:12px 16px;font-size:14.5px}.btn-primary{background:var(--navy);color:#fff;cursor:pointer;justify-content:center;align-items:center;gap:10px;font-weight:600;transition:background .12s;display:flex}.btn-primary:hover{background:var(--navy-soft)}.btn-ghost{box-shadow:inset 0 0 0 1px var(--line);color:var(--text-secondary);cursor:pointer;background:0 0;font-weight:500}.btn-ghost:hover{background:var(--field)}.field{background:var(--field);color:var(--text);box-shadow:inset 0 0 0 1px var(--line);outline:none}.field:focus{box-shadow:inset 0 0 0 1.5px var(--navy-soft)}.divider{color:var(--text-tertiary);align-items:center;gap:12px;margin:22px 0;font-size:12px;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.app-card{background:var(--field);box-shadow:inset 0 0 0 1px var(--line);color:var(--text);border-radius:14px;justify-content:space-between;align-items:center;padding:16px 18px;text-decoration:none;transition:box-shadow .12s;display:flex}.app-card:hover{box-shadow:inset 0 0 0 1.5px var(--navy-soft)}