:root{--auth-bg-dark: #0b0f19;--auth-bg-card: rgba(255, 255, 255, .03);--auth-border-light: rgba(255, 255, 255, .08);--auth-primary: #3b82f6}*,*:before,*:after{box-sizing:border-box}html,.auth-page{width:100%;min-width:0}.auth-page{margin:0;overflow-x:hidden;background-color:var(--auth-bg-dark);color:#f8fafc;font-family:Plus Jakarta Sans,sans-serif}.auth-wrapper{display:flex;width:100%;min-width:0;min-height:100vh}.auth-left{position:relative;flex:1.2;display:flex;flex-direction:column;justify-content:center;padding:60px 10%;overflow:hidden;background:linear-gradient(135deg,#0f172a,var(--auth-bg-dark))}.auth-left:before{content:"";position:absolute;top:20%;left:-10%;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,#3b82f626,#0000 70%);z-index:0}.auth-register .auth-left:before{top:-10%}.brand-content{z-index:1}.auth-left h1{margin-bottom:20px;background:linear-gradient(to right,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:4rem;font-weight:800;letter-spacing:-1.5px;line-height:1.1}.auth-left p{max-width:450px;color:#94a3b8;font-size:1.1rem;line-height:1.6}.auth-right{min-width:0;flex:1;display:flex;align-items:center;justify-content:center;padding:40px;border-left:1px solid var(--auth-border-light);background-color:var(--auth-bg-dark)}.card-login,.card-register{width:100%;min-width:0;max-width:420px;padding:40px;border:1px solid var(--auth-border-light);border-radius:24px;background:var(--auth-bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 25px 50px -12px #00000080}.auth-page .form-label{margin-bottom:8px;color:#cbd5e1;font-size:.85rem;font-weight:600;letter-spacing:.5px}.input-group-custom{position:relative;margin-bottom:20px}.input-group-custom i{position:absolute;top:50%;left:16px;color:#64748b;font-size:1.1rem;transform:translateY(-50%);transition:.3s}.auth-page .form-control{width:100%;min-width:0;padding:12px 16px 12px 45px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#ffffff0d;color:#fff;font-size:.95rem;transition:all .3s ease}.auth-page .form-control:focus{border-color:var(--auth-primary);background:#ffffff14;color:#fff;box-shadow:0 0 0 4px #3b82f626}.auth-page .form-control:not(:-moz-placeholder)+i{color:var(--auth-primary)}.auth-page .form-control:focus+i,.auth-page .form-control:not(:placeholder-shown)+i{color:var(--auth-primary)}.btn-login,.btn-register{width:100%;min-width:0;margin-top:10px;padding:14px;border:none;border-radius:12px;background:#fff;color:#0f172a;font-weight:700;transition:all .3s ease}.btn-login:hover,.btn-register:hover{background:#e2e8f0;transform:translateY(-2px);box-shadow:0 10px 20px #ffffff1a}.auth-link,.login-link{color:var(--auth-primary);font-weight:600;text-decoration:none;transition:.3s}.auth-link:hover,.login-link:hover{color:#60a5fa;text-decoration:underline}.auth-page .form-check-input{border-color:#fff3;background-color:#ffffff1a}.auth-page .form-check-input:checked{border-color:var(--auth-primary);background-color:var(--auth-primary)}.auth-page .form-check-label{color:#cbd5e1;font-size:.85rem}.auth-brand-dot{width:14px;height:14px}.auth-mobile-icon{width:48px;height:48px}.auth-security-card{max-width:350px;border:1px solid var(--auth-border-light);background:#ffffff0d}.auth-security-caption{font-size:.75rem}@media (max-width: 991px){.auth-left{display:none}.auth-right{width:100%;min-height:100vh;padding:28px 16px;border-left:none}.card-login,.card-register{max-width:420px;padding:20px;border:none;background:transparent;box-shadow:none}.auth-page .form-control{font-size:16px}}@media (max-width: 430px){.auth-right{align-items:flex-start;padding:72px 16px 32px}.card-login,.card-register{max-width:100%;padding:0}.auth-mobile-icon{width:44px;height:44px}.auth-page .form-label{font-size:.82rem}.input-group-custom{margin-bottom:16px}.auth-page .form-control{padding:12px 14px 12px 42px}.input-group-custom i{left:14px}.auth-login form>.d-flex{align-items:flex-start!important;flex-wrap:wrap;gap:12px}.auth-login form>.d-flex .auth-link{margin-left:0}}@media (max-width: 360px){.auth-right{padding-left:14px;padding-right:14px}.auth-page .form-control{padding-right:12px}}