*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0;padding:0}body{color:#fff;background:#07111f;font-family:Inter,Arial,Helvetica,sans-serif}button,input{font-family:inherit}.auth-page,.page{background:radial-gradient(circle at 15% 20%,#008cff2e,#0000 30%),radial-gradient(circle at 85% 15%,#00dcb41f,#0000 28%),linear-gradient(135deg,#06101d,#0b1728 50%,#07111f);min-height:100vh;position:relative;overflow:hidden}.auth-page:before,.page:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:45px 45px;position:absolute;inset:0}.auth-page{justify-content:center;align-items:center;padding:30px;display:flex}.auth-card{z-index:2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0e1b2de0;border:1px solid #6eb4ff29;border-radius:24px;width:100%;max-width:430px;padding:42px;animation:.6s appear;position:relative;box-shadow:0 30px 80px #00000080,0 0 50px #0082ff0f}.auth-card:before{content:"";background:linear-gradient(90deg,#0000,#269cff,#36d9ff,#0000);height:2px;position:absolute;top:0;left:15%;right:15%}.auth-logo{background:linear-gradient(135deg,#168cff,#005eff);border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;font-size:28px;display:flex;box-shadow:0 10px 35px #006eff59}.auth-card h1{text-align:center;letter-spacing:-1px;margin:0;font-size:31px;font-weight:750}.auth-card .subtitle{text-align:center;color:#8da2ba;margin:10px 0 32px;font-size:14px}.form-group{margin-bottom:20px}.form-group label{color:#c9d7e8;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-group input{color:#fff;background:#030c18cc;border:1px solid #263b54;border-radius:11px;outline:none;width:100%;padding:14px 15px;font-size:15px;transition:all .25s}.form-group input::placeholder{color:#60748b}.form-group input:focus{border-color:#249cff;box-shadow:0 0 0 3px #249cff1f}button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#168cff,#005eff);border:none;border-radius:11px;width:100%;padding:14px;font-size:15px;font-weight:700;transition:all .25s;box-shadow:0 10px 30px #0064ff40}button:hover{transform:translateY(-2px);box-shadow:0 15px 40px #0064ff66}button:active{transform:translateY(0)}button:disabled{opacity:.55;cursor:not-allowed;transform:none}.bottom-text{text-align:center;color:#8195ab;margin-top:25px;font-size:14px}.bottom-text a{color:#42adff;font-weight:600;text-decoration:none}.bottom-text a:hover{color:#7acbff}.page{padding:40px}.page-content{z-index:2;max-width:1200px;margin:auto;position:relative}.page-header{margin-bottom:35px}.page-header h1{margin:0 0 8px;font-size:38px}.page-header p{color:#8da2ba;margin:0}.glass-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0e1c2ed1;border:1px solid #78b4ff21;border-radius:20px;padding:28px;box-shadow:0 25px 70px #0000004d}.status{color:#4de3a8;background:#22dc9614;border:1px solid #22dc962e;border-radius:50px;align-items:center;gap:8px;padding:7px 12px;font-size:13px;display:inline-flex}.status:before{content:"";background:#38e3a0;border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #38e3a0}.face-page{color:#fff;background:radial-gradient(circle at 50% 0,#0082ff2e,#0000 35%),#07111f;min-height:100vh;padding:45px 25px}.face-page-inner{text-align:center;max-width:850px;margin:auto}.face-page h1{margin-bottom:8px;font-size:40px}.face-page-subtitle{color:#8da2ba;margin-bottom:30px}.camera-box{background:#020812;border:1px solid #32aaff40;border-radius:22px;max-width:700px;height:430px;margin:30px auto;position:relative;overflow:hidden;box-shadow:0 25px 80px #00000073}.camera-box video{object-fit:cover;width:100%;height:100%}.camera-box:after{content:"";background:#24a7ff;height:2px;animation:3s linear infinite scan;position:absolute;top:10%;left:5%;right:5%;box-shadow:0 0 12px #24a7ff,0 0 25px #24a7ffb3}.face-guide{z-index:3;pointer-events:none;border:2px solid #46beffb3;border-radius:48%;width:240px;height:300px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.success-message{color:#4ee3a8;background:#28dca014;border:1px solid #28dca033;border-radius:10px;margin-top:20px;padding:14px}.error-message{color:#ff7187;background:#ff3c5a14;border:1px solid #ff3c5a33;border-radius:10px;margin-top:20px;padding:14px}@keyframes appear{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes scan{0%{top:10%}50%{top:85%}to{top:10%}}@media (width<=700px){.auth-card{padding:30px 22px}.page{padding:25px 18px}.camera-box{height:350px}.face-guide{width:190px;height:250px}}