@import"https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800;900&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--acid: #E5FF00;--green: #00FF85;--pink: #FF3366;--bg: #0A0A0A;--surface: #111111;--surface-raised: #161616;--border: #2A2A2A;--border-light: rgba(255,255,255,.08);--text: #FFFFFF;--text-muted: #8A8A8A;--text-dim: #5A5A5A;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--radius-full: 50%}body{font-family:Sora,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;min-height:100vh}.ky-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;position:relative;overflow:hidden}.ky-page:before{content:"";position:fixed;top:-40%;left:-20%;width:60%;height:60%;background:radial-gradient(circle,rgba(229,255,0,.04) 0%,transparent 70%);pointer-events:none;animation:ky-ambient 15s ease-in-out infinite alternate}.ky-page:after{content:"";position:fixed;bottom:-30%;right:-20%;width:50%;height:50%;background:radial-gradient(circle,rgba(0,255,133,.03) 0%,transparent 70%);pointer-events:none;animation:ky-ambient 12s ease-in-out infinite alternate-reverse}@keyframes ky-ambient{0%{transform:translate(0)}to{transform:translate(5%,-5%)}}.ky-card{width:100%;max-width:26rem;background:linear-gradient(165deg,var(--surface) 0%,var(--bg) 100%);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:2.5rem 2rem;position:relative;z-index:1;box-shadow:0 24px 80px #00000080,0 0 1px #e5ff001a}.ky-header{text-align:center;margin-bottom:2rem}.ky-brand{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.ky-brand-logo{font-size:1.25rem;font-weight:900;color:var(--acid);letter-spacing:4px}.ky-brand-badge{font-size:.5625rem;font-weight:700;color:var(--bg);background:var(--acid);padding:.125rem .5rem;border-radius:100px;letter-spacing:2px;line-height:1.4}.ky-logo{font-size:1.25rem;font-weight:900;color:var(--acid);letter-spacing:4px;margin-bottom:.25rem}.ky-subtitle{font-size:.75rem;color:var(--text-dim);letter-spacing:.5px}.ky-title{font-size:1.375rem;font-weight:800;margin-bottom:.75rem;text-align:center}.ky-login-hero{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1.5rem 0 .5rem}.ky-login-shield{width:5rem;height:5rem;border-radius:var(--radius-full);background:linear-gradient(135deg,#e5ff001f,#00ff8514);border:1px solid rgba(229,255,0,.2);display:flex;align-items:center;justify-content:center;font-size:2.5rem;animation:ky-shield-pulse 3s ease-in-out infinite;position:relative}.ky-login-shield:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:var(--radius-full);border:1px solid rgba(229,255,0,.1);animation:ky-shield-ring 3s ease-in-out infinite}@keyframes ky-shield-pulse{0%,to{transform:scale(1);box-shadow:0 0 20px #e5ff001a}50%{transform:scale(1.05);box-shadow:0 0 40px #e5ff0026}}@keyframes ky-shield-ring{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.15);opacity:0}}.ky-login-text{text-align:center}.ky-login-text h1{font-size:1.5rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(135deg,var(--text),var(--text-muted));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ky-login-text p{font-size:.8125rem;color:var(--text-dim);max-width:18rem;margin:0 auto;line-height:1.6}.ky-login-features{display:flex;flex-direction:column;gap:.625rem;width:100%;padding:1.25rem;background:var(--surface-raised);border:1px solid var(--border-light);border-radius:var(--radius-lg)}.ky-login-feature{display:flex;align-items:center;gap:.75rem;font-size:.8125rem;color:var(--text-muted)}.ky-login-feature-icon{width:1.75rem;height:1.75rem;border-radius:var(--radius-sm);background:#e5ff000f;display:flex;align-items:center;justify-content:center;font-size:.875rem;flex-shrink:0}.ky-login-feature strong{color:var(--text);font-weight:600}.ky-login-cta{width:100%;padding:.875rem;background:var(--acid);color:var(--bg);border:none;border-radius:var(--radius-md);font-family:inherit;font-size:.9375rem;font-weight:700;cursor:pointer;text-decoration:none;text-align:center;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s}.ky-login-cta:hover{filter:brightness(.9);transform:translateY(-1px);box-shadow:0 8px 24px #e5ff0026}.ky-login-cta svg{width:1rem;height:1rem}.ky-login-footer{font-size:.6875rem;color:var(--text-dim);text-align:center;display:flex;align-items:center;justify-content:center;gap:.375rem}.ky-stepper{display:flex;justify-content:center;gap:.25rem;margin-bottom:2rem;position:relative}.ky-stepper:before{content:"";position:absolute;top:1rem;left:2rem;right:2rem;height:2px;background:var(--border);z-index:0}.ky-step{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1;position:relative;z-index:1}.ky-step-dot{width:2rem;height:2rem;border-radius:var(--radius-full);border:2px solid var(--border);background:var(--bg);display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:700;color:var(--text-dim);transition:all .3s}.ky-step--active .ky-step-dot{border-color:var(--acid);color:var(--acid);box-shadow:0 0 16px #e5ff0040;background:#e5ff000d}.ky-step--done .ky-step-dot{background:var(--acid);border-color:var(--acid);color:var(--bg)}.ky-step-label{font-size:.5625rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.ky-step--active .ky-step-label{color:var(--acid)}.ky-step--done .ky-step-label{color:var(--text-muted)}.ky-step-content{display:flex;flex-direction:column;gap:1rem}.ky-step-title{font-size:1.25rem;font-weight:800;text-align:center}.ky-step-title--success{color:var(--green)}.ky-step-title--error{color:var(--pink)}.ky-step-desc{font-size:.8125rem;color:var(--text-muted);text-align:center}.ky-camera-wrap{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:#000;aspect-ratio:3/4;border:1px solid var(--border);max-height:60vh}.ky-camera{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.ky-btn--capture{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);width:4.5rem;height:4.5rem;border-radius:var(--radius-full);background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:3px solid rgba(255,255,255,.8);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:5}.ky-btn--capture:hover{border-color:var(--acid);background:#00000080}.ky-capture-ring{width:3.25rem;height:3.25rem;border-radius:var(--radius-full);background:#ffffffe6;transition:all .15s}.ky-btn--capture:hover .ky-capture-ring{background:var(--acid);transform:scale(.9)}.ky-btn--capture:active .ky-capture-ring{transform:scale(.7)}.ky-camera-wrap:before,.ky-camera-wrap:after{content:"";position:absolute;width:2rem;height:2rem;border-color:#e5ff0066;border-style:solid;border-width:0;z-index:2;pointer-events:none}.ky-camera-wrap:before{top:.75rem;left:.75rem;border-top-width:2px;border-left-width:2px;border-top-left-radius:4px}.ky-camera-wrap:after{top:.75rem;right:.75rem;border-top-width:2px;border-right-width:2px;border-top-right-radius:4px}.ky-preview-wrap{position:relative}.ky-preview{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-lg);transform:scaleX(-1);border:1px solid var(--border)}.ky-face-badge{position:absolute;bottom:.75rem;left:50%;transform:translate(-50%);padding:.5rem 1rem;border-radius:100px;font-size:.75rem;font-weight:700;display:flex;align-items:center;gap:.375rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ky-face-badge--ok{background:#00ff8526;color:var(--green);border:1px solid rgba(0,255,133,.3)}.ky-face-badge:before{content:"✓"}.ky-upload-wrap{margin:.5rem 0}.ky-upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem 1.5rem;border:2px dashed var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all .25s;background:var(--surface-raised)}.ky-upload-area:hover{border-color:var(--acid);background:#e5ff0008;transform:translateY(-2px)}.ky-file-input{display:none}.ky-upload-icon{font-size:2.5rem;filter:grayscale(.3)}.ky-upload-text{font-size:.8125rem;color:var(--text-muted);font-weight:600}.ky-doc-preview{width:100%;border-radius:var(--radius-lg);max-height:14rem;object-fit:contain;background:#000;border:1px solid var(--border)}.ky-match-badge{margin-top:.75rem;padding:1rem;border-radius:var(--radius-lg);font-size:.875rem;font-weight:700;display:flex;flex-direction:column;gap:.25rem;text-align:center}.ky-match-badge--ok{background:#00ff850f;color:var(--green);border:1px solid rgba(0,255,133,.15)}.ky-match-badge--fail{background:#ff33660f;color:var(--pink);border:1px solid rgba(255,51,102,.15)}.ky-match-score{font-size:.6875rem;font-weight:400;opacity:.7}.ky-actions{display:flex;gap:.75rem;margin-top:.75rem}.ky-btn{padding:.75rem 1.25rem;border-radius:var(--radius-md);font-family:inherit;font-size:.875rem;font-weight:600;cursor:pointer;border:none;transition:all .2s;flex:1;text-align:center;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.ky-btn:disabled{opacity:.5;cursor:not-allowed}.ky-btn--primary{background:var(--acid);color:var(--bg);font-weight:700}.ky-btn--primary:hover:not(:disabled){filter:brightness(.88);transform:translateY(-1px);box-shadow:0 8px 24px #e5ff0026}.ky-btn--ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border)}.ky-btn--ghost:hover{border-color:var(--acid);color:var(--acid)}.ky-center{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 0;text-align:center}.ky-spinner{width:2rem;height:2rem;border:2px solid var(--border);border-top-color:var(--acid);border-radius:var(--radius-full);animation:ky-spin .8s linear infinite}.ky-spinner--large{width:3.5rem;height:3.5rem;border-width:3px}@keyframes ky-spin{to{transform:rotate(360deg)}}.ky-loading-msg{font-size:.75rem;color:var(--text-dim)}.ky-success-icon{width:5rem;height:5rem;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--green),var(--acid));color:var(--bg);display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;animation:ky-pop .5s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 0 40px #00ff8533,0 0 80px #e5ff0014}.ky-error-icon{width:5rem;height:5rem;border-radius:var(--radius-full);background:var(--pink);color:var(--text);display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;animation:ky-pop .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes ky-pop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.ky-error{font-size:.8125rem;color:var(--pink);text-align:center;padding:.625rem .875rem;background:#ff33660f;border:1px solid rgba(255,51,102,.12);border-radius:var(--radius-sm)}.ky-privacy{font-size:.6875rem;color:var(--text-dim);text-align:center;width:100%}.ky-privacy:before{content:"🔒 "}.ky-how{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.ky-how-title{font-size:.8125rem;font-weight:700;color:var(--text);text-align:center;margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px}.ky-how-steps{display:flex;flex-direction:column;gap:.875rem}.ky-how-step{display:flex;align-items:flex-start;gap:.875rem}.ky-how-num{width:1.75rem;height:1.75rem;border-radius:var(--radius-full);background:#e5ff0014;border:1px solid rgba(229,255,0,.2);color:var(--acid);font-size:.75rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:.125rem}.ky-how-info{display:flex;flex-direction:column;gap:.125rem}.ky-how-info strong{font-size:.8125rem;font-weight:700;color:var(--text)}.ky-how-info span{font-size:.75rem;color:var(--text-dim);line-height:1.4}.ky-data-notice{display:flex;align-items:flex-start;gap:.75rem;margin-top:1.25rem;padding:1rem;background:#00ff850a;border:1px solid rgba(0,255,133,.1);border-radius:var(--radius-lg)}.ky-data-notice-icon{font-size:1.25rem;flex-shrink:0;margin-top:.0625rem}.ky-data-notice-text{display:flex;flex-direction:column;gap:.25rem}.ky-data-notice-text strong{font-size:.75rem;font-weight:700;color:var(--green)}.ky-data-notice-text span{font-size:.6875rem;color:var(--text-dim);line-height:1.5}@media(max-width:400px){.ky-page{padding:0}.ky-card{border-radius:0;border-left:none;border-right:none;padding:1.5rem 1.25rem;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.ky-stepper{gap:.125rem}.ky-step-label{font-size:.5rem}.ky-login-text h1{font-size:1.25rem}.ky-camera-wrap{border-radius:var(--radius-md)}.ky-upload-area{padding:2rem 1rem}}@media(min-width:401px)and (max-width:480px){.ky-page{padding:1rem}.ky-card{padding:1.75rem 1.5rem;border-radius:var(--radius-xl)}}@media(min-width:481px){.ky-card{max-width:26rem}}@media(hover:hover){.ky-upload-area:hover{transform:translateY(-2px)}.ky-btn--primary:hover:not(:disabled){transform:translateY(-1px)}}@media(hover:none){.ky-upload-area:hover{transform:none}.ky-btn--primary:hover:not(:disabled){transform:none}.ky-btn--capture:hover{border-color:#fffc}.ky-btn--capture:hover .ky-capture-ring{background:#ffffffe6;transform:none}}@supports (padding: env(safe-area-inset-bottom)){.ky-card{padding-bottom:calc(1.5rem + env(safe-area-inset-bottom))}}