*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Poppins',sans-serif;background:#000;overflow-x:hidden}.container{display:flex;height:100vh}.left{flex:1;background:url('https://i.imgur.com/VL3zb3m.png') center/cover no-repeat;position:relative;display:flex;justify-content:center;align-items:center}.left
.overlay{position:absolute;inset:0;background:rgba(0,0,0,0.6)}.logo{width:260px;z-index:2;filter:drop-shadow(0 0 25px rgba(139,92,246,0.8))}.right{flex:1;display:flex;justify-content:center;align-items:center;background:#000;padding:20px}.login-box{background:rgba(20,20,20,0.9);padding:40px;border-radius:16px;width:100%;max-width:340px;backdrop-filter:blur(15px);border:1px
solid rgba(255,255,255,0.05);box-shadow:0 10px 40px rgba(0,0,0,0.6)}.login-box
h2{text-align:center;margin-bottom:15px;color:#fff}.cf-turnstile{margin-top:15px;display:flex;justify-content:center}.cf-turnstile
iframe{border-radius:10px !important;overflow:hidden}.login-box .cf-turnstile{transform:scale(0.95);transform-origin:center}.auth-switch{display:flex;justify-content:center;gap:8px;margin-bottom:20px;font-size:13px;color:#fff}.auth-switch
span{color:#fff}.auth-switch
a{color:#fff;text-decoration:none;transition:0.2s}.auth-switch a:hover{color:#8b5cf6}.auth-switch
.active{font-weight:600;border-bottom:2px solid #8b5cf6;padding-bottom:2px}.input-group{margin-bottom:15px;display:flex;flex-direction:column}.input-group
label{font-size:12px;margin-bottom:5px;color:#aaa}.input-icon,.password-wrapper{position:relative}.input-group
input{width:100%;padding:10px;padding-right:35px;border-radius:8px;border:1px
solid rgba(139, 92, 246, 0.4);background:#111;color:#fff;outline:none;transition:0.2s}.input-group input:focus{border:1px
solid #8b5cf6;box-shadow:0 0 8px rgba(139,92,246,0.6);background:#181818}.icon,.toggle-password{position:absolute;right:10px;top:50%;transform:translateY(-50%);stroke:#aaa;fill:none;width:18px;height:18px;cursor:pointer}.icon:hover,.toggle-password:hover{stroke:#8b5cf6}small{font-size:11px;margin-top:4px;color:#aaa}button{width:100%;padding:12px;background:#8b5cf6;border:none;border-radius:10px;color:#fff;font-weight:600;cursor:pointer;margin-top:10px;transition:0.2s}button:hover{background:#7c3aed}@media (max-width: 1024px){.logo{width:200px}.login-box{padding:30px}}@media (max-width: 900px){.container{flex-direction:column;height:auto}.left{display:none}.right{flex:none;height:100vh;padding:20px}.login-box{width:100%;max-width:320px;padding:25px}}@media (max-width: 400px){.login-box{padding:20px}.login-box
h2{font-size:18px}button{padding:10px;font-size:13px}}.login-error {background: rgba(255, 0, 0, 0.1);border: 1px solid rgba(255, 0, 0, 0.4);color: #ff4d4d;font-size: 13px;font-weight: 500;padding: 10px;border-radius: 8px;margin-bottom: 15px;text-align: center;backdrop-filter: blur(6px);}