:root{--bg-dark: #0f172a;--bg-darker: #020617;--accent-blue: #3b82f6;--accent-green: #10b981;--accent-red: #f43f5e;--glass: rgba(30, 41, 59, .7)}html{background-color:var(--bg-darker)}body{margin:0;min-height:100vh;font-family:Inter,sans-serif;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow-x:hidden;overflow-y:auto;padding:30px 15px;box-sizing:border-box}.cyber-grid{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#020617;background-image:linear-gradient(rgba(255,255,255,.05) 1.5px,transparent 1.5px),linear-gradient(90deg,rgba(255,255,255,.05) 1.5px,transparent 1.5px),radial-gradient(circle at 50% 50%,rgba(59,130,246,.15) 0%,transparent 80%);background-size:50px 50px,50px 50px,100% 100%;z-index:-1;animation:gridMove 20s linear infinite}.cyber-grid:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#12101000 50%,#0000004d 50%),radial-gradient(circle at center,transparent 0%,rgba(2,6,23,.7) 100%);background-size:100% 4px,100% 100%;pointer-events:none;z-index:1}.cyber-grid:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.6' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.05;pointer-events:none;z-index:2}@keyframes gridMove{0%{background-position:0 0,0 0,0 0}to{background-position:50px 50px,50px 50px,0 0}}.brand-header{text-align:center;margin-bottom:20px;animation:fadeInDown .8s ease-out}.brand-header h1{font-size:2.8rem;font-weight:900;letter-spacing:3px;margin:0;background:linear-gradient(135deg,#fff 30%,var(--accent-blue) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(59,130,246,.4)}.brand-subtitle{font-size:.8rem;color:var(--accent-blue);letter-spacing:2px;text-transform:uppercase;font-weight:700;opacity:.8}.auth-container{width:100%;max-width:380px;position:relative;animation:fadeInUp .8s ease-out .2s backwards}.glass-panel{background:var(--glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:35px 25px;box-shadow:0 30px 60px -15px #0009;position:relative;overflow:hidden;box-sizing:border-box;transition:transform .3s ease-in-out;min-height:580px}.logo-header{text-align:center;margin-bottom:25px}.logo-icon-wrap{display:inline-block;padding:12px;border-radius:50%;background:#3b82f61a;box-shadow:0 0 30px #3b82f626;margin-bottom:10px}.logo-icon-wrap i{font-size:2.5rem;color:var(--accent-blue);transition:all .3s ease;display:inline-block}.icon-pop{animation:iconPop .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes iconPop{0%{transform:scale(.5) rotate(-15deg);opacity:0}50%{transform:scale(1.2) rotate(5deg)}to{transform:scale(1) rotate(0);opacity:1}}.logo-header h2{margin:5px 0;font-size:1.5rem;font-weight:800}.logo-header p{color:#94a3b8;font-size:.9rem;margin:0}.form-wrapper{display:flex;width:200%;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.form-wrapper.show-register{transform:translate(-50%)}.form-box{width:50%;padding:0 10px;box-sizing:border-box}.input-group{position:relative;margin-bottom:15px}.input-group i{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#64748b;font-size:1.2rem;transition:.3s}.cyber-input{width:100%;padding:13px 13px 13px 45px;box-sizing:border-box;background:#0f172a99;border:2px solid rgba(255,255,255,.05);border-radius:10px;color:#fff;font-size:.95rem;transition:all .3s;font-family:Inter,sans-serif}.cyber-input:focus{outline:none;border-color:var(--accent-blue);background:#0f172acc;box-shadow:0 0 20px #3b82f626}.cyber-input:focus+i{color:var(--accent-blue)}.btn-submit{width:100%;padding:14px;background:linear-gradient(135deg,var(--accent-blue),#2563eb);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:800;cursor:pointer;transition:.3s;margin-top:5px;display:flex;justify-content:center;gap:10px;align-items:center;box-sizing:border-box;letter-spacing:.5px;box-shadow:0 8px 15px -5px #3b82f666}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 12px 25px -5px #3b82f699}.btn-google{background:#fff;color:#0f172a;border:none;margin-top:15px;box-shadow:0 4px 10px #0000001a;font-weight:700}.btn-google:hover{background:#f8fafc;box-shadow:0 6px 15px #00000026;transform:translateY(-2px)}.divider{text-align:center;margin:20px 0;color:#64748b;font-size:.8rem;position:relative;font-weight:600}.divider:before,.divider:after{content:"";position:absolute;top:50%;width:calc(50% - 70px);height:1px;background:#ffffff1a}.divider:before{left:0}.divider:after{right:0}.switch-text{text-align:center;margin-top:20px;color:#94a3b8;font-size:.9rem}.switch-text span{color:var(--accent-blue);cursor:pointer;font-weight:800;padding:5px;transition:.3s}.switch-text span:hover{color:#60a5fa;text-shadow:0 0 10px rgba(59,130,246,.3)}.back-to-home{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:50px;padding-top:20px;border-top:1px dashed rgba(255,255,255,.1);color:#94a3b8;text-decoration:none;font-size:.9rem;font-weight:600;transition:all .3s ease}.back-to-home i{font-size:1.1rem;transition:transform .3s ease}.back-to-home:hover{color:var(--accent-blue);text-shadow:0 0 10px rgba(59,130,246,.4)}.back-to-home:hover i{transform:translate(-5px)}.msg-box{padding:10px;border-radius:8px;margin-bottom:20px;font-size:.9rem;display:none;text-align:center;font-weight:600}.msg-error{background:#f43f5e26;border:1px solid rgba(244,63,94,.3);color:#fda4af}.msg-success{background:#10b98126;border:1px solid rgba(16,185,129,.3);color:#6ee7b7}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){body{padding:20px 10px;justify-content:flex-start}.brand-header h1{font-size:2.2rem}.brand-subtitle{font-size:.75rem}.glass-panel{padding:30px 20px;border-radius:20px}.logo-header h2{font-size:1.4rem}.btn-submit,.cyber-input{padding:13px;font-size:.95rem}.input-group i{left:14px}.cyber-input{padding-left:40px}#verifyModal .glass-panel{padding:30px 20px!important;margin:0 15px;width:calc(100% - 30px);max-width:400px;box-sizing:border-box}#verifyModal h2{font-size:1.5rem!important}#verifyModal p{font-size:.85rem!important;margin-bottom:20px!important}#verifyModal .bx-check-shield{font-size:2rem!important}#verifyModal div[style*="70px"]{width:60px!important;height:60px!important;margin-bottom:15px!important}#verificationCodeInput{font-size:1.8rem!important;letter-spacing:5px!important;padding:12px!important;max-width:100%!important;box-sizing:border-box}#btnVerify{font-size:1rem!important;padding:12px!important}}@keyframes scanline{0%{transform:translateY(-10px);opacity:0}10%{opacity:.5}90%{opacity:.5}to{transform:translateY(400px);opacity:0}}@media(min-width:851px){.mobile-only{display:none!important}.auth-container{width:100%;max-width:820px;margin:0 auto}.glass-panel{display:flex;flex-direction:row;padding:0;background:#0b1121;border:1px solid rgba(255,255,255,.05);border-radius:16px;overflow:hidden;box-shadow:0 30px 60px -15px #000c;height:600px}.info-panel{flex:0 0 42%;width:42%;padding:35px 30px;background:linear-gradient(180deg,#080c17,#0b1121);border-right:1px solid rgba(255,255,255,.05);display:grid;place-content:center;box-sizing:border-box;position:relative}.form-section{flex:1;padding:30px 40px;display:flex;flex-direction:column;justify-content:center;overflow-x:hidden;overflow-y:visible;position:relative;box-sizing:border-box}.info-panel .brand-header h1{font-size:2rem;margin-bottom:5px;letter-spacing:-.5px}.info-panel .brand-subtitle{font-size:.7rem;letter-spacing:1.5px;color:var(--accent-blue);opacity:.8}.info-panel .logo-header{margin-bottom:30px;text-align:center}.info-panel .logo-icon-wrap{margin:0 0 15px;padding:8px;display:inline-flex}.cyber-features{display:flex;flex-direction:column;gap:12px;margin-top:15px}.feature-item{font-size:.8rem;color:#94a3b8}.feature-item i{font-size:1.1rem;padding:8px;background:#3b82f61a;color:var(--accent-blue);border-radius:8px;margin-right:10px}.logo-header{margin-bottom:15px}.logo-header h2{font-size:1.4rem;margin-bottom:4px;font-weight:800}.logo-header p{font-size:.85rem;color:#94a3b8}.input-group{margin-bottom:10px}.cyber-input{padding:11px 11px 11px 40px;font-size:.9rem}.btn-submit{padding:12px;font-size:1rem;margin-top:5px}.divider{margin:12px 0;font-size:.75rem}.switch-text{margin-top:12px;font-size:.85rem}.back-to-home{text-decoration:none;color:#64748b;font-size:.8rem;transition:.3s;display:flex;align-items:center;gap:8px}.back-to-home:hover{color:#fff;transform:translate(-5px)}#turnstile-widget{margin-bottom:10px!important;transform:scale(.85);transform-origin:center}}@media(max-width:850px){.desktop-only{display:none!important}.form-section{width:100%;padding:0}}.verify-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#020617d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:999;display:flex;align-items:center;justify-content:center}.verify-modal-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(59,130,246,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.05) 1px,transparent 1px);background-size:30px 30px;z-index:-1}.verify-modal-content{width:90%;max-width:420px;padding:45px 35px;display:flex;flex-direction:column;align-items:center;text-align:center;background:linear-gradient(180deg,#0b1121f2,#050811fa);border:1px solid rgba(59,130,246,.25);box-shadow:0 25px 50px -12px #000c,0 0 40px #3b82f626;border-radius:20px;position:relative;transform:translateY(0);animation:modalPop .4s cubic-bezier(.175,.885,.32,1.275);box-sizing:border-box}@keyframes modalPop{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.verify-scanline{position:absolute;top:0;left:0;width:100%;height:2px;background:var(--accent-blue);opacity:.6;animation:scanline 3s linear infinite;box-shadow:0 0 10px var(--accent-blue);border-radius:20px 20px 0 0}.verify-icon-wrapper{display:flex;justify-content:center;align-items:center;width:75px;height:75px;border-radius:50%;background:#3b82f614;border:1px solid rgba(59,130,246,.2);margin-bottom:20px;box-shadow:0 0 30px #3b82f633,inset 0 0 15px #3b82f61a;position:relative}.verify-icon-wrapper:after{content:"";position:absolute;width:110%;height:110%;border-radius:50%;border:2px solid transparent;border-top-color:var(--accent-blue);border-right-color:#3b82f64d;animation:spin 3s linear infinite;opacity:.7}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.verify-icon-wrapper i{font-size:3rem;color:#60a5fa;text-shadow:0 0 15px rgba(59,130,246,.5)}.verify-title{font-size:1.8rem;margin:0;color:#fff;font-weight:800;letter-spacing:-.5px;background:linear-gradient(135deg,#fff 30%,#93c5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.verify-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.3),transparent);margin:20px 0}.verify-desc{color:#94a3b8;font-size:.95rem;line-height:1.6;margin-bottom:30px}.verify-input-container{width:100%;margin-bottom:25px;position:relative}.verify-input{width:100%;padding:15px;text-align:center;font-size:2.2rem;letter-spacing:12px;text-indent:12px;font-weight:900;background:#0f172a99;border:2px solid rgba(59,130,246,.3);border-radius:12px;color:#60a5fa;font-family:Courier New,monospace;box-shadow:inset 0 4px 15px #00000080;outline:none;transition:all .3s ease;box-sizing:border-box}.verify-input:focus{border-color:#3b82f6;background:#0f172ae6;box-shadow:0 0 25px #3b82f640,inset 0 4px 15px #00000080}.verify-input::placeholder{color:#60a5fa26}.verify-btn{background:linear-gradient(135deg,#1d4ed8,#3b82f6);box-shadow:0 10px 20px -5px #3b82f666;font-size:1.1rem;padding:16px;width:100%;border-radius:12px;letter-spacing:1px;margin-top:5px}.verify-btn:hover{background:linear-gradient(135deg,#1e40af,#2563eb);box-shadow:0 15px 25px -5px #3b82f699;transform:translateY(-2px)}