*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#7f56da;--primary-rgb:127, 86, 218;--primary-glow:#7f56da59;--text-color:#fff;--secondary-text-color:#a0a0a0;--font-family-body:"Poppins", sans-serif;--background-color:#000;--surface:#0c0c14;--surface-2:#12121a;--glass-border:1px solid #ffffff14;--ease:cubic-bezier(.4, 0, .2, 1)}html,body{height:100%;font-family:var(--font-family-body);color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;overflow:hidden}.auth-left canvas{z-index:1;pointer-events:none;position:absolute;top:0;left:0;width:100%!important;height:100%!important}.auth-split{z-index:1;width:100vw;height:100vh;display:flex;position:relative}.auth-left{border-right:1px solid #ffffff12;flex-direction:column;flex-shrink:0;justify-content:space-between;width:50vw;height:100vh;display:flex;position:relative;overflow:hidden}.auth-left-brand{z-index:2;position:absolute;top:36px;left:40px}.auth-left-brand img{width:auto;height:38px}.auth-left-text{z-index:2;position:absolute;bottom:64px;left:40px;right:40px}.auth-left-text h2{letter-spacing:-.04em;color:#fff;margin-bottom:14px;font-size:clamp(2rem,3.2vw,3rem);font-weight:700;line-height:1.1}.auth-left-text h2 span{background:linear-gradient(135deg, #fff 0%, var(--primary-color) 100%);-webkit-text-fill-color:transparent;background-clip:text}.auth-left-text p{color:#ffffff73;max-width:320px;font-size:.88rem;font-weight:400;line-height:1.6}.auth-left-footer{z-index:2;flex-wrap:wrap;align-items:center;gap:20px;display:flex;position:absolute;bottom:24px;left:40px;right:40px}.auth-left-footer span,.auth-left-footer a{color:#ffffff38;font-size:.75rem;font-weight:500;text-decoration:none;transition:color .12s}.auth-left-footer a:hover{color:#ffffff80}.auth-right{background:#000;flex-shrink:0;justify-content:center;align-items:center;width:50vw;height:100vh;padding:48px clamp(32px,5vw,72px);display:flex;overflow-y:auto}.auth-form-pane{width:100%;max-width:420px}.auth-form-header{margin-bottom:40px}.auth-form-title{letter-spacing:-.04em;color:#fff;margin-bottom:10px;font-size:clamp(1.9rem,2.8vw,2.6rem);font-weight:300;line-height:1.1}.auth-form-title strong{font-weight:700}.auth-form-subtitle{color:var(--secondary-text-color);font-size:.875rem;font-weight:400;line-height:1.5}.auth-field-stack{flex-direction:column;gap:28px;margin-bottom:32px;display:flex}.auth-field{flex-direction:column;display:flex;position:relative}.auth-field input{color:#fff;width:100%;font-family:var(--font-family-body);caret-color:var(--primary-color);transition:border-color .25s var(--ease);--webkit-appearance:none;background:0 0;border:none;border-bottom:1px solid #ffffff26;border-radius:0;outline:none;padding:10px 0;font-size:.92rem;font-weight:400}.auth-field input::placeholder{color:#ffffff4d;font-weight:400}.auth-field input:focus{border-color:#0000}.password-weak .auth-field-line,.password-medium .auth-field-line,.password-strong .auth-field-line{transform:scaleX(1)}.password-weak .auth-field-line{background:#ff4444d9}.password-medium .auth-field-line{background:#ffaa00d9}.password-strong .auth-field-line{background:#33ff99d9}.auth-field-line{background:var(--primary-color);transform-origin:0;width:100%;height:1px;transition:transform .3s var(--ease);pointer-events:none;position:absolute;bottom:0;left:0;transform:scaleX(0)}.auth-field input:focus~.auth-field-line{transform:scaleX(1)}.auth-field-label{letter-spacing:1.4px;text-transform:uppercase;color:#fff6;margin-bottom:8px;font-size:.72rem;font-weight:600}.auth-field-icon-wrap{align-items:center;display:flex;position:relative}.auth-field-icon-wrap input{flex:1;padding-right:36px}.auth-field-toggle{cursor:pointer;color:#ffffff4d;background:0 0;border:none;padding:0;font-size:1rem;line-height:1;transition:color .12s;position:absolute;top:50%;right:0;transform:translateY(-50%)}.auth-field-toggle:hover{color:#ffffffb3}.auth-field-error{color:#f55;align-items:center;gap:6px;margin-top:7px;font-size:.76rem;font-weight:500;line-height:1.4;display:flex}.auth-field-error i{flex-shrink:0;font-size:.88rem}.auth-row-options{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.auth-checkbox-wrap{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:9px;display:flex}.auth-checkbox-wrap input{display:none}.auth-checkmark{background:0 0;border:1px solid #ffffff40;border-radius:4px;flex-shrink:0;width:16px;height:16px;transition:background .15s,border-color .15s;position:relative}.auth-checkbox-wrap input:checked+.auth-checkmark{background:var(--primary-color);border-color:var(--primary-color)}.auth-checkbox-wrap input:checked+.auth-checkmark:after{content:"";color:#fff;font-family:boxicons;font-size:11px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.auth-checkbox-label{color:var(--secondary-text-color);font-size:.83rem;font-weight:500}.auth-link{color:var(--primary-color);font-size:.83rem;font-weight:500;text-decoration:none;transition:opacity .12s}.auth-link:hover{opacity:.72}.auth-btn-primary{background:var(--primary-color);color:#fff;width:100%;font-size:.92rem;font-weight:600;font-family:var(--font-family-body);letter-spacing:.2px;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:50px;padding:14px 16px;transition:opacity .15s;display:flex}.auth-btn-primary:hover{opacity:.88}.auth-btn-primary:disabled{opacity:.45;cursor:not-allowed}.auth-form-footer{text-align:center;color:var(--secondary-text-color);margin-top:28px;font-size:.84rem}.auth-form-footer a{color:var(--primary-color);font-weight:600;text-decoration:none;transition:opacity .12s}.auth-form-footer a:hover{opacity:.72}@keyframes authFadeIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.auth-form-pane{animation:authFadeIn .4s var(--ease) both}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.shake{animation:.36s cubic-bezier(.36,.07,.19,.97) shake}@media (max-width:768px){html,body{overflow:auto}.auth-split{flex-direction:column;height:auto;min-height:100vh;overflow:auto}.auth-left{display:none}.auth-right{align-items:flex-start;width:100vw;min-height:100vh;padding:48px 24px 60px;overflow:visible}.auth-form-pane{transform-origin:top;will-change:transform;max-width:100%;padding-top:32px;transform:scale(.96)}input[type=text],input[type=email],input[type=password],input[type=search],input[type=tel],input[type=url],input[type=number],select,textarea{font-size:16px}}