:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#10203a;background:radial-gradient(circle at top left,rgba(127,206,255,.35),transparent 35%),linear-gradient(180deg,#eef7ff,#f7fbff 45%,#fff)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-height:100vh}button{font:inherit}strong{font-weight:700}.page-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.hero-panel{width:min(1080px,100%);border-radius:28px;padding:32px;background:#ffffffe6;border:1px solid rgba(56,112,176,.15);box-shadow:0 24px 60px #10203a1f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero-panel--login{display:grid;grid-template-columns:1.4fr .9fr;gap:28px;align-items:center}.hero-panel--app,.hero-panel--status{display:grid;gap:24px}.hero-panel--error{border-color:#b83a3a40}.app-header{display:flex;justify-content:space-between;gap:20px;align-items:start}.login-card,.info-card{background:linear-gradient(180deg,#f2f8ffe6,#fffffff2);border:1px solid rgba(64,121,188,.14);border-radius:20px;padding:24px}.info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.12em;font-size:12px;color:#3972b4}h1,h2{margin:0}h1{font-size:clamp(2rem,3vw,3.5rem);line-height:1.05}h2{font-size:1.15rem;margin-bottom:12px}.lede,.login-card p,.info-card p,.info-card dd{margin:0;line-height:1.6;color:#2f4c72}.lede{margin-top:14px;max-width:58ch;font-size:1.05rem}.primary-button,.secondary-button{border:0;border-radius:999px;padding:12px 18px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.primary-button{background:linear-gradient(135deg,#0c6dd6,#14a4ea);color:#fff;box-shadow:0 12px 24px #0c6dd633}.secondary-button{background:#edf5ff;color:#154574}dl{margin:0;display:grid;gap:14px}dt{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:#5e7ca4;margin-bottom:4px}dd{word-break:break-word}@media(max-width:900px){.hero-panel--login,.info-grid{grid-template-columns:1fr}.app-header{flex-direction:column;align-items:stretch}}