@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&family=Fraunces:ital,wght@0,700;1,400&display=swap";:root{--lv-bg:#f7f8fa;--lv-surface:#fff;--lv-border:#e4e7ec;--lv-text:#1a2133;--lv-mid:#4a5568;--lv-soft:#8a94a6;--lv-primary:#2b5ce6;--lv-primary-bg:#eef2ff;--lv-red:#dc2626;--lv-red-bg:#fef2f2;--lv-red-bdr:#fecaca;--lv-green:#22c55e;--lv-shadow:0 1px 3px #0000000f, 0 4px 16px #0000000f}.login-page{background:var(--lv-bg);justify-content:center;align-items:flex-start;min-height:100svh;padding:8vh 20px 40px;font-family:Outfit,system-ui,sans-serif;display:flex}.login-card{background:var(--lv-surface);border:1px solid var(--lv-border);width:100%;max-width:400px;box-shadow:var(--lv-shadow);border-radius:12px;flex-direction:column;gap:24px;padding:36px 32px 32px;display:flex}@media (width<=480px){.login-card{gap:20px;padding:28px 20px 24px}}.login-brand{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.login-logo{width:44px;height:44px;margin-bottom:2px}.login-title{letter-spacing:-.5px;color:var(--lv-text);margin:0;font-family:Fraunces,serif;font-size:28px;font-weight:700;line-height:1.1}.login-title span{color:var(--lv-primary)}.login-subtitle{color:var(--lv-soft);margin:0;font-size:13px;font-weight:400}.login-tabs{background:var(--lv-bg);border:1px solid var(--lv-border);border-radius:8px;gap:2px;padding:3px;display:flex}.login-tab{color:var(--lv-mid);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-family:Outfit,system-ui,sans-serif;font-size:13px;font-weight:500;transition:background .15s,color .15s,box-shadow .15s;display:flex}.login-tab svg{flex-shrink:0;width:15px;height:15px}.login-tab.active{background:var(--lv-surface);color:var(--lv-primary);font-weight:600;box-shadow:0 1px 3px #00000014}.login-tab:hover:not(.active){color:var(--lv-text)}.login-form{flex-direction:column;gap:14px;display:flex}.form-group{flex-direction:column;gap:5px;display:flex}.form-group label{color:var(--lv-text);letter-spacing:.02em;font-size:12px;font-weight:600}.form-group input{border:1px solid var(--lv-border);background:var(--lv-surface);color:var(--lv-text);border-radius:7px;outline:none;padding:9px 12px;font-family:Outfit,system-ui,sans-serif;font-size:14px;transition:border-color .15s,box-shadow .15s}.form-group input::placeholder{color:var(--lv-soft)}.form-group input:focus{border-color:var(--lv-primary);box-shadow:0 0 0 3px #2b5ce61f}.login-remember{justify-content:space-between;align-items:center;display:flex}.remember-label{color:var(--lv-mid);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:7px;font-size:13px;display:flex}.remember-checkbox{width:15px;height:15px;accent-color:var(--lv-primary);cursor:pointer;border-radius:3px;flex-shrink:0}.login-error{color:var(--lv-red);background:var(--lv-red-bg);border:1px solid var(--lv-red-bdr);border-radius:6px;margin:0;padding:8px 12px;font-size:12px}.login-btn{cursor:pointer;border:none;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-family:Outfit,system-ui,sans-serif;font-size:14px;font-weight:600;transition:opacity .15s,box-shadow .15s;display:flex}.login-btn.primary{background:var(--lv-primary);color:#fff}.login-btn.primary:hover:not(:disabled){opacity:.88;box-shadow:0 4px 12px #2b5ce64d}.login-btn.primary:disabled{opacity:.5;cursor:not-allowed}.login-btn.ghost{border:1px solid var(--lv-border);color:var(--lv-text);background:0 0}.login-btn.ghost:hover{background:var(--lv-bg)}.login-forgot{color:var(--lv-primary);text-align:center;font-size:12px;font-weight:500;text-decoration:none}.login-forgot:hover{text-decoration:underline}.face-login{flex-direction:column;align-items:center;gap:14px;display:flex}.camera-frame{background:var(--lv-bg);border:2px solid var(--lv-border);border-radius:10px;width:220px;height:220px;transition:border-color .3s;position:relative;overflow:hidden}.camera-frame video{object-fit:cover;width:100%;height:100%;display:block}.camera-frame.scanning{border-color:var(--lv-primary)}.camera-frame.success{border-color:var(--lv-green)}.camera-placeholder{width:100%;height:100%;color:var(--lv-soft);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.camera-placeholder svg{opacity:.35;width:48px;height:48px}.camera-placeholder p{text-align:center;padding:0 16px;font-size:12px}.scan-overlay{pointer-events:none;position:absolute;inset:0}.scan-corners{position:absolute;inset:12px}.scan-corners span{border-color:var(--lv-primary);border-style:solid;border-width:0;width:18px;height:18px;position:absolute}.scan-corners span:first-child{border-top-width:2.5px;border-left-width:2.5px;border-radius:3px 0 0;top:0;left:0}.scan-corners span:nth-child(2){border-top-width:2.5px;border-right-width:2.5px;border-radius:0 3px 0 0;top:0;right:0}.scan-corners span:nth-child(3){border-bottom-width:2.5px;border-left-width:2.5px;border-radius:0 0 0 3px;bottom:0;left:0}.scan-corners span:nth-child(4){border-bottom-width:2.5px;border-right-width:2.5px;border-radius:0 0 3px;bottom:0;right:0}.scan-line{background:linear-gradient(90deg, transparent, var(--lv-primary), transparent);height:2px;animation:1.2s ease-in-out infinite scanDown;position:absolute;left:12px;right:12px;box-shadow:0 0 8px #2b5ce699}@keyframes scanDown{0%{opacity:1;top:12px}50%{opacity:1;top:calc(100% - 12px)}51%{opacity:0}52%{opacity:0;top:12px}53%{opacity:1}to{opacity:1;top:12px}}.scan-success{background:#22c55e26;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.scan-success svg{width:52px;height:52px;color:var(--lv-green);filter:drop-shadow(0 0 10px #22c55e80);animation:.3s popIn}@keyframes popIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.face-hint{color:var(--lv-soft);text-align:center;margin:0;font-size:12px}.face-actions{gap:8px;width:100%;display:flex}.face-actions .login-btn{flex:1}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}html.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html.dark body{color:#f1f5f9;background:#0f1117}html.dark .login-page{background:linear-gradient(135deg,#0f1117,#1a1d27)}html.dark .login-card{background:#1a1d27;border-color:#2a2d3a;box-shadow:0 20px 60px #00000080}html.dark .login-title,html.dark .login-subtitle{color:#f1f5f9}html.dark .login-subtitle{color:#94a3b8}html.dark .login-tabs{background:#0f1117;border-color:#2a2d3a}html.dark .login-tab{color:#94a3b8}html.dark .login-tab.active{color:#4f7fff;background:#1a1d27}html.dark .form-group label{color:#94a3b8}html.dark .form-group input{color:#f1f5f9;background:#0f1117;border-color:#2a2d3a}html.dark .form-group input:focus{border-color:#4f7fff}html.dark .login-btn.primary{background:#4f7fff}html.dark .login-btn.ghost{color:#94a3b8;border-color:#2a2d3a}html.dark .remember-label{color:#94a3b8}html.dark .login-forgot{color:#4f7fff}html.dark .camera-placeholder{color:#64748b;background:#0f1117}