*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;display:flex;background:#0a0a0f;color:#fff}.brand-panel{flex:1;background:linear-gradient(135deg,#1a1a1a 0,#141414 50%,#0f0f0f 100%);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:3rem;position:relative;overflow:hidden}.brand-panel::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,0.1) 0,transparent 50%);animation:pulse 15s ease-in-out infinite}@keyframes pulse{0%,100%{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}}.brand-content{text-align:center;z-index:1;max-width:400px}.brand-logo{margin-bottom:2rem}.brand-logo img{max-width:180px;height:auto}.brand-logo-fallback{font-size:4rem;font-weight:700;background:linear-gradient(135deg,#ffffff 0,#888888 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-title{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,#fff 0,rgba(255,255,255,0.8) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-subtitle{font-size:1.1rem;color:rgba(255,255,255,0.6);margin-bottom:3rem}.brand-features{text-align:left}.brand-feature{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;color:rgba(255,255,255,0.8)}.brand-feature i{width:40px;height:40px;background:rgba(255,255,255,0.2);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#ffffff;font-size:1rem}.brand-feature span{font-size:.95rem}.auth-panel{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:3rem;background:#0d0d12}.auth-wrapper{width:100%;max-width:400px}.auth-header{text-align:center;margin-bottom:2.5rem}.auth-header h1{font-size:1.75rem;font-weight:600;margin-bottom:.5rem}.auth-header p{color:rgba(255,255,255,0.5);font-size:.95rem}.alert{padding:1rem 1.25rem;border-radius:12px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;font-size:.9rem}.alert-danger{background:rgba(239,68,68,0.1);border:1px solid rgba(239,68,68,0.3);color:#f87171}.alert-success{background:rgba(34,197,94,0.1);border:1px solid rgba(34,197,94,0.3);color:#4ade80}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:rgba(255,255,255,0.8)}.form-control{width:100%;padding:.875rem 1rem;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:12px;color:#fff;font-size:.95rem;transition:all.3s ease}.form-control:focus{outline:none;border-color:#ffffff;background:rgba(255,255,255,0.05);box-shadow:0 0 0 3px rgba(255,255,255,0.1)}.form-control::placeholder{color:rgba(255,255,255,0.3)}.input-group{position:relative}.input-group .form-control{padding-right:3rem}.toggle-password{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:rgba(255,255,255,0.4);cursor:pointer;padding:.25rem;transition:color.3s ease}.toggle-password:hover{color:rgba(255,255,255,0.7)}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.form-check{display:flex;align-items:center;gap:.5rem}.form-check-input{width:18px;height:18px;border-radius:4px;border:1px solid rgba(255,255,255,0.2);background:rgba(255,255,255,0.05);cursor:pointer;accent-color:#ffffff}.form-check-label{font-size:.875rem;color:rgba(255,255,255,0.6);cursor:pointer}.forgot-link{font-size:.875rem;color:#ffffff;text-decoration:none;transition:color.3s ease}.forgot-link:hover{color:#888888}.btn-submit{width:100%;padding:1rem;background:linear-gradient(135deg,#ffffff 0,#888888 100%);border:none;border-radius:12px;color:#000;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all.3s ease}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(255,255,255,0.3)}.btn-submit:active{transform:translateY(0)}.btn-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-submit .spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,0.3);border-top-color:#fff;border-radius:50%;animation:spin.8s linear infinite;display:none}.btn-submit.loading .spinner{display:block}.btn-submit.loading span,.btn-submit.loading i{display:none}@keyframes spin{to{transform:rotate(360deg)}}.auth-footer{text-align:center;margin-top:2rem;font-size:.95rem;color:rgba(255,255,255,0.5)}.auth-footer a{color:#ffffff;text-decoration:none;font-weight:500;transition:color.3s ease}.auth-footer a:hover{color:#888888}@media(max-width:992px){body{flex-direction:column}.brand-panel{padding:2rem;min-height:auto}.brand-features{display:none}.brand-title{font-size:2rem}.brand-subtitle{margin-bottom:0}.auth-panel{padding:2rem}}@media(max-width:480px){.brand-panel{padding:1.5rem}.auth-panel{padding:1.5rem}.form-options{flex-direction:column;gap:1rem;align-items:flex-start}}