@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&display=swap";:root{--bg0:#f6f8ff;--bg1:#f3f8ff;--text:#0c0f14eb;--muted:#0c0f149e;--faint:#0c0f141f;--glass:#ffffff9e;--glass2:#ffffff57;--stroke:#ffffffc7;--stroke2:#0c0f141f;--shadow:0 26px 70px #0c0f1429;--accent:#2d7dff;--accent2:#86d6ff;--accent3:#ffb3d6;--btn-bg:#ebebeedb;--btn-bg2:#dcdce0bd;--btn-border:#000000c7;--btn-text:#0c0f14eb;--danger:#ff375f;--ok:#34c759;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:radial-gradient(980px 720px at 16% 18%, #2d7dff2e, transparent 62%), radial-gradient(880px 680px at 86% 22%, #86d6ff33, transparent 60%), radial-gradient(980px 720px at 55% 92%, #ffb3d62e, transparent 62%), linear-gradient(180deg, var(--bg1), var(--bg0));color:var(--text);font:15.5px/1.55 ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,system-ui,IBM Plex Sans,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--bg0:#070a12;--bg1:#0b1222;--text:#f4f6faf0;--muted:#d2d8e4b8;--faint:#d2d8e424;--glass:#0c101a8a;--glass2:#0a0c1257;--stroke:#ffffff29;--stroke2:#ffffff14;--shadow:0 26px 70px #00000085;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:radial-gradient(980px 720px at 16% 18%, #2d7dff38, transparent 62%), radial-gradient(880px 680px at 86% 22%, #86d6ff2e, transparent 60%), radial-gradient(980px 720px at 55% 92%, #ffb3d629, transparent 62%), linear-gradient(180deg, var(--bg1), var(--bg0))}}*{box-sizing:border-box}body{min-height:100vh;margin:0}body:before{content:"";pointer-events:none;filter:blur(54px)saturate(140%);opacity:.58;background:radial-gradient(60% 40% at 15% 20%,#2d7dff70,#0000 60%),radial-gradient(55% 40% at 85% 25%,#86d6ff75,#0000 62%),radial-gradient(55% 45% at 55% 92%,#ffb3d65c,#0000 62%),radial-gradient(45% 45% at 35% 75%,#ffffff73,#0000 62%);animation:18s ease-in-out infinite alternate liquid-drift;position:fixed;inset:-38vh -22vw;transform:translate(0,0)}body:after{content:"";pointer-events:none;opacity:.12;mix-blend-mode:overlay;background-image:radial-gradient(circle at 1px 1px,#ffffff2e 1px,#0000 0),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");background-size:26px 26px,200px 200px;position:fixed;inset:0}#app{max-width:1120px;margin:0 auto;padding:28px 18px 44px;position:relative}.topbar,.card,.msg,table,video,canvas,img,input,select,textarea,button,.nav a{-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%)}.topbar{border:1px solid var(--stroke);background:linear-gradient(180deg, var(--glass), var(--glass2));box-shadow:var(--shadow);border-radius:18px;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;display:flex;position:relative;overflow:hidden}.topbar:before{content:"";pointer-events:none;opacity:.55;mix-blend-mode:soft-light;background:radial-gradient(85% 55% at 18% 5%,#ffffffd9,#0000 60%),radial-gradient(65% 55% at 85% 10%,#86d6ff61,#0000 60%),radial-gradient(65% 60% at 40% 110%,#ffb3d638,#0000 62%);position:absolute;inset:-1px}.topbar .left{flex-wrap:wrap;align-items:baseline;gap:14px;display:flex}.brand{letter-spacing:.2px;font-size:16.5px;font-weight:650}.brand:after{content:"";background:radial-gradient(circle at 30% 30%, var(--accent2), var(--accent3));vertical-align:middle;border-radius:999px;width:10px;height:10px;margin-left:10px;display:inline-block;box-shadow:0 0 0 1px #ffffff4d,0 0 22px #0a84ff2e}.muted{color:var(--muted)}.nav{flex-wrap:wrap;gap:10px;display:flex}.nav a{color:var(--text);border:1px solid var(--stroke);background:linear-gradient(#ffffff8f,#ffffff38);border-radius:999px;padding:7px 11px;text-decoration:none;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s;box-shadow:0 12px 28px #0c0f141a}.nav a:hover{border-color:#0a84ff61;transform:translateY(-1px);box-shadow:0 18px 36px #0c0f141f}.nav a.active{background:linear-gradient(#0a84ff33,#0a84ff1a);border-color:#0a84ff75;box-shadow:0 22px 50px #0a84ff24}.grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}@media (width<=960px){.grid{grid-template-columns:1fr}}.card{border:1px solid var(--stroke);background:linear-gradient(180deg, var(--glass), var(--glass2));box-shadow:var(--shadow);border-radius:22px;padding:16px;position:relative;overflow:hidden}.card:before{content:"";pointer-events:none;opacity:.55;mix-blend-mode:soft-light;background:radial-gradient(95% 60% at 18% 0,#ffffffeb,#0000 60%),radial-gradient(80% 60% at 88% 10%,#64d2ff47,#0000 62%),radial-gradient(80% 70% at 20% 110%,#0a84ff29,#0000 60%);position:absolute;inset:-2px}.card h2{letter-spacing:.18px;margin:0 0 12px;font-size:15.5px;font-weight:650;line-height:1.25}label{color:var(--muted);letter-spacing:.25px;margin:12px 0 6px;font-size:12.5px;display:block}input,select,textarea{border:1px solid var(--stroke);width:100%;color:var(--text);background:linear-gradient(#ffffff8c,#fff3);border-radius:16px;outline:none;padding:10px 12px;transition:border-color .14s,box-shadow .14s,transform .14s}input:focus,select:focus,textarea:focus{border-color:#0a84ff73;box-shadow:0 0 0 5px #0a84ff2e}textarea{resize:vertical;min-height:92px}button{border:1px solid var(--btn-border);background:linear-gradient(180deg, var(--btn-bg), var(--btn-bg2));color:var(--btn-text);cursor:pointer;border-radius:999px;padding:9px 12px;transition:transform .14s,border-color .14s,background .14s;position:relative;overflow:hidden;box-shadow:0 18px 44px #0c0f141a,0 12px 26px #0c0f1412}button:before{content:"";pointer-events:none;opacity:.55;mix-blend-mode:soft-light;background:radial-gradient(90% 70% at 30% 0,#ffffffb3,#0000 60%);position:absolute;inset:-1px}button:hover{background:linear-gradient(#e1e1e4eb,#d4d4d8c7);border-color:#000000db;transform:translateY(-1px)}button:active{transform:translateY(0)}button.secondary{border-color:var(--btn-border);color:var(--btn-text);background:linear-gradient(#f5f5f6ad,#e8e8eb85);box-shadow:0 12px 26px #0c0f141a}button.secondary:hover{border-color:#000000db}button.danger{color:#0c0f14eb;background:linear-gradient(#ffb3d6c7,#ffb3d68c);border-color:#000000c7}button.danger:hover{background:linear-gradient(#ffb3d6e0,#ffb3d6a3);border-color:#000000db}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row>*{flex:auto}.msg{border:1px solid var(--stroke);background:linear-gradient(#ffffff8c,#ffffff38);border-radius:18px;margin-top:12px;padding:10px 12px}.msg.error{background:linear-gradient(#ff375f24,#ff375f14);border-color:#ff375f5c}table{border-collapse:separate;border-spacing:0;border:1px solid var(--stroke);background:linear-gradient(#ffffff7a,#ffffff2e);border-radius:18px;width:100%;margin-top:12px;overflow:hidden}th,td{border-bottom:1px solid var(--stroke2);text-align:left;vertical-align:top;padding:9px 10px;font-size:13px}th{color:#0c0f149e;letter-spacing:.2px;background:#ffffff38;font-weight:600}tr:last-child td{border-bottom:none}td button{box-shadow:none;padding:7px 10px}video,canvas,img{border:1px solid var(--stroke);background:#ffffff38;border-radius:16px;width:100%}code{color:var(--text);border:1px solid var(--stroke);background:#ffffff47;border-radius:8px;padding:3px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.hidden{display:none!important}.glass-card{border:1px solid var(--stroke);background:linear-gradient(180deg, var(--glass), var(--glass2));box-shadow:var(--shadow);border-radius:24px;padding:16px;position:relative;overflow:hidden}.glass-card:before{content:"";pointer-events:none;opacity:.55;mix-blend-mode:soft-light;background:radial-gradient(95% 60% at 18% 0,#ffffffe6,#0000 60%),radial-gradient(80% 60% at 88% 10%,#86d6ff42,#0000 62%),radial-gradient(80% 70% at 20% 110%,#ffb3d638,#0000 60%);position:absolute;inset:-2px}.eyebrow{letter-spacing:.28em;text-transform:uppercase;color:var(--muted);font-size:12px}.section-title{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;font-size:13px;font-weight:650}.hero{grid-template-columns:1.25fr .95fr;gap:16px;margin-top:16px;display:grid}@media (width<=960px){.hero{grid-template-columns:1fr}}.hero-copy h1{letter-spacing:-.02em;margin:10px 0 8px;font-size:34px;line-height:1.12}.hero-text{color:var(--muted);max-width:56ch;margin:0}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;display:flex}.ghost-link{color:var(--text);background:#ffffff47;border:1px solid #00000038;border-radius:999px;padding:9px 12px}.hero-panel{flex-direction:column;gap:12px;display:flex}.hero-badge{width:fit-content;color:var(--muted);background:#ffffff57;border:1px solid #00000024;border-radius:999px;padding:7px 10px;font-size:12px;display:inline-flex}.feature-list{gap:12px;display:grid}.feature-list.compact{gap:10px}.feature-item{gap:3px;display:grid}.feature-item strong{letter-spacing:.01em;font-size:14px}.feature-item span{color:var(--muted);font-size:13px}.home-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px;display:grid}@media (width<=960px){.home-grid{grid-template-columns:1fr}}.stat-card{padding:16px}.stat-title{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:12px}.stat-value{margin-top:8px;font-size:22px;font-weight:650}.auth-layout{grid-template-columns:1fr .9fr;gap:16px;margin-top:16px;display:grid}@media (width<=960px){.auth-layout{grid-template-columns:1fr}}.auth-card{padding:18px}.auth-intro{margin:-2px 0 10px}.face-toggle-box{margin-top:14px}.face-login-panel{border-top:1px solid #0000001a;margin-top:12px;padding-top:12px}.auth-side-card{height:fit-content;padding:18px}@media (prefers-reduced-motion:reduce){body:before{animation:none}}@keyframes liquid-drift{0%{transform:translate(-2%,-1%)scale(1)}55%{transform:translate(2%,1.5%)scale(1.05)}to{transform:translate(1%,-2%)scale(1.02)}}