*{box-sizing:border-box;margin:0;padding:0}:root{--sn-bg-primary: #0f0f1a;--sn-bg-secondary: #1a1a2e;--sn-accent: #00d4ff;--sn-accent-hover: #33ddff;--sn-accent-active: #00a8cc;--sn-text-primary: #ffffff;--sn-text-secondary: #a0aec0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--sn-text-primary)}body{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 20% 80%,rgba(0,212,255,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(0,212,255,.05) 0%,transparent 50%),linear-gradient(135deg,var(--sn-bg-primary) 0%,var(--sn-bg-secondary) 50%,#0f3460 100%)}main{text-align:center;padding:2rem}.logo-icon{width:80px;height:80px;margin-bottom:1.5rem}h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;letter-spacing:-.5px;color:var(--sn-text-primary)}h1 .accent{color:var(--sn-accent)}.tagline{color:var(--sn-text-secondary);margin-bottom:2rem;font-size:1.1rem}.demo-credentials{background:#00d4ff1a;border:1px solid rgba(0,212,255,.3);border-radius:8px;padding:1.5rem;margin-bottom:2rem;max-width:300px;margin-left:auto;margin-right:auto}.demo-credentials h3{color:var(--sn-accent);margin-bottom:1rem;font-size:1.1rem}.demo-credentials p{margin-bottom:.5rem;font-size:.95rem}.demo-credentials strong{color:var(--sn-text-primary)}.btn{display:inline-block;padding:.875rem 2rem;background:linear-gradient(135deg,var(--sn-accent) 0%,var(--sn-accent-active) 100%);color:var(--sn-bg-primary);text-decoration:none;border-radius:8px;font-weight:600;font-size:1rem;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 0 20px #00d4ff66}.btn:active{transform:translateY(0)}