:root{--bg:#07121f;--bg-raise:#0b1a2b;--panel:#0d1c2db8;--cyan:#5ed0ff;--cyan-deep:#2196d6;--white:#f2f7fb;--muted:#7c90a4;--faint:#364760;--line:#5ed0ff24;font-family:industry,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--white);-webkit-font-smoothing:antialiased}#root{min-height:100vh}.loading{min-height:100vh;color:var(--muted);letter-spacing:.2em;text-transform:uppercase;place-items:center;font-size:12px;display:grid}.accent{color:var(--cyan)}.login-page,.home-page{background:radial-gradient(1100px 600px at 78% 18%, #5ed0ff1a, transparent 62%), radial-gradient(800px 500px at 12% 95%, #ff7a3d12, transparent 60%), radial-gradient(600px 400px at 45% 110%, #8e4abd14, transparent 65%), var(--bg);flex-direction:column;min-height:100vh;display:flex;position:relative}.login-page:before,.home-page:before{content:"";pointer-events:none;background-image:radial-gradient(1.5px 1.5px at 12% 22%,#5ed0ff80 50%,#0000 51%),radial-gradient(1px 1px at 34% 68%,#ffffff59 50%,#0000 51%),radial-gradient(1.5px 1.5px at 58% 34%,#5ed0ff66 50%,#0000 51%),radial-gradient(1px 1px at 72% 80%,#ffffff4d 50%,#0000 51%),radial-gradient(1.5px 1.5px at 88% 52%,#5ed0ff73 50%,#0000 51%),radial-gradient(1px 1px at 22% 88%,#5ed0ff4d 50%,#0000 51%),radial-gradient(1px 1px at 66% 12%,#ffffff4d 50%,#0000 51%),radial-gradient(1.5px 1.5px at 44%,#ffffff38 50%,#0000 51%);position:fixed;inset:0}.login-kicker,.launcher-kicker{color:var(--cyan);letter-spacing:.55em;text-transform:uppercase;font-size:12px;font-weight:600}.login-page{align-items:center}.login-stage{text-align:center;max-width:640px;margin:auto;padding:24px;position:relative}.login-logo{filter:drop-shadow(0 0 28px #5ed0ff59);width:240px;max-width:70vw;margin-bottom:34px}.login-kicker{margin-bottom:14px}.login-title{text-transform:uppercase;letter-spacing:.01em;margin-bottom:18px;font-size:clamp(56px,9vw,96px);font-weight:900;line-height:.95}.login-tagline{color:var(--muted);margin-bottom:38px;font-size:19px;font-style:italic;font-weight:300}.btn-primary{color:var(--cyan);letter-spacing:.22em;text-transform:uppercase;cursor:pointer;background:linear-gradient(135deg,#5ed0ff29,#2196d638);border:1px solid #5ed0ff8c;border-radius:6px;padding:15px 54px;font-family:industry,sans-serif;font-size:14px;font-weight:700;transition:all .18s;box-shadow:0 0 24px #5ed0ff2e,inset 0 0 18px #5ed0ff0f}.btn-primary:hover{background:linear-gradient(135deg,#5ed0ff47,#2196d657);transform:translateY(-1px);box-shadow:0 0 38px #5ed0ff61,inset 0 0 22px #5ed0ff1a}.demo-note{color:var(--muted);margin-top:20px;font-size:13px;font-weight:300}.page-footer{color:#3d5268;letter-spacing:.3em;text-transform:uppercase;border-top:1px solid #5ed0ff1a;justify-content:space-between;align-items:center;width:100%;margin-top:auto;padding:16px 32px;font-size:10.5px;font-weight:600;display:flex}.footer-mark{letter-spacing:.1em;font-weight:700}.topbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5;background:#07121fd9;border-bottom:1px solid #5ed0ff1f;align-items:center;gap:14px;padding:14px 32px;display:flex;position:sticky;top:0}.topbar-logo{filter:drop-shadow(0 0 10px #5ed0ff59);height:26px}.topbar-title{letter-spacing:.4em;text-transform:uppercase;color:var(--muted);border-left:1px solid #5ed0ff2e;padding-left:14px;font-size:11px;font-weight:600}.topbar-spacer{flex:1}.demo-badge{letter-spacing:.18em;text-transform:uppercase;color:#ffc766;background:#ffc76614;border:1px solid #ffc76659;border-radius:999px;padding:5px 12px;font-size:10px;font-weight:700}.user-chip{align-items:center;gap:12px;display:flex}.user-avatar{background:linear-gradient(135deg, var(--cyan), var(--cyan-deep));color:#041019;border-radius:50%;place-items:center;width:34px;height:34px;font-size:12px;font-weight:800;display:grid}.user-name{font-size:14px;font-weight:500}.btn-link{color:var(--cyan);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;padding:4px;font-family:industry,sans-serif;font-size:11px;font-weight:600}.btn-link:hover{text-shadow:0 0 12px #5ed0ff99}.launcher{width:100%;max-width:1120px;margin:0 auto;padding:60px 32px 80px;position:relative}.launcher-kicker{margin-bottom:12px}.greeting{text-transform:uppercase;letter-spacing:.01em;font-size:clamp(34px,4.5vw,46px);font-weight:800}.greeting-sub{color:var(--muted);margin:10px 0 40px;font-size:16px;font-weight:300}.tile-grid{grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:20px;display:grid}.tile{text-align:left;background:var(--panel);border:1px solid var(--line);cursor:pointer;color:var(--white);border-radius:12px;flex-direction:column;gap:12px;padding:24px 22px;font-family:industry,sans-serif;transition:transform .12s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.tile:after{content:"";pointer-events:none;background:radial-gradient(400px 160px at 20% 0,#5ed0ff14,#0000 70%);position:absolute;inset:0}.tile:hover:not(:disabled){border-color:#5ed0ff80;transform:translateY(-3px);box-shadow:0 0 34px #5ed0ff29,0 18px 40px #0006}.tile:disabled{cursor:default}.tile-mark{color:var(--cyan);letter-spacing:.08em;text-transform:uppercase;background:#5ed0ff12;border:1px solid #5ed0ff73;border-radius:8px;align-self:flex-start;padding:12px 16px;font-size:19px;font-weight:800;box-shadow:0 0 18px #5ed0ff1a,inset 0 0 14px #5ed0ff0d}.tile-mark-rest{font-weight:300}.tile-tagline{color:var(--muted);font-size:13px;font-weight:300;line-height:1.5}.tile-badge{letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);background:#5ed0ff14;border:1px solid #5ed0ff4d;border-radius:999px;align-self:flex-end;padding:4px 9px;font-size:9.5px;font-weight:700}.tile-request{background:#5ed0ff05;border-style:dashed;border-color:#5ed0ff4d}.tile-request .tile-mark{border-style:dashed}.tile-request-plus{color:var(--cyan);opacity:.8;align-self:flex-end;font-size:22px;font-weight:300;line-height:1}.daily-fact{border:1px solid #5ed0ff29;border-left:3px solid var(--cyan);background:#5ed0ff0a;border-radius:8px;align-items:baseline;gap:16px;margin:-14px 0 34px;padding:14px 18px;display:flex}.daily-fact-kicker{color:var(--cyan);letter-spacing:.24em;text-transform:uppercase;flex-shrink:0;font-size:10.5px;font-weight:700}.daily-fact-text{color:var(--muted);font-size:14px;font-weight:300;line-height:1.5}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#030910bf;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{background:#0b1a2b;border:1px solid #5ed0ff40;border-radius:14px;width:min(520px,100%);padding:30px 30px 26px;box-shadow:0 0 60px #5ed0ff1f,0 30px 80px #0009}.modal-kicker{color:var(--cyan);letter-spacing:.4em;text-transform:uppercase;margin-bottom:10px;font-size:11px;font-weight:700}.modal-title{text-transform:uppercase;margin-bottom:22px;font-size:26px;font-weight:800}.modal-sub{color:var(--muted);margin-bottom:24px;font-weight:300;line-height:1.55}.modal-sent{text-align:center;padding:10px 0 4px}.modal-sent .btn-primary{margin-top:6px}.field-label{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:16px 0 7px;font-size:11px;font-weight:600;display:block}.field-optional{opacity:.6;letter-spacing:.06em;text-transform:none}.field{width:100%;color:var(--white);resize:vertical;background:#07121fcc;border:1px solid #5ed0ff33;border-radius:8px;padding:11px 13px;font-family:industry,sans-serif;font-size:14.5px;font-weight:300}.field:focus{border-color:#5ed0ff99;outline:none;box-shadow:0 0 0 3px #5ed0ff1f}.field::placeholder{color:#46596d}.field-error{color:#ff8a80;margin-top:12px;font-size:13px}.modal-actions{justify-content:flex-end;align-items:center;gap:16px;margin-top:26px;display:flex}
