:root{--primary-color:#da45ff;--primary-hover:#c52ee6;--dark-color:#222222;--light-gray:#f5f5f5;--medium-gray:#e0e0e0;--text-color:#333333;--text-muted:#666666}body{background-color:var(--light-gray);font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.login-form-container{max-width:420px;width:100%;margin:0 auto;padding:35px 40px;background-color:#fff;border-radius:12px;box-shadow:0 8px 30px rgb(0 0 0 / .08);position:relative}.login-form-title{font-size:28px;margin-bottom:30px;text-align:center;font-weight:600;color:var(--dark-color);letter-spacing:-.5px;position:relative;display:inline-block;padding-bottom:8px;width:100%}.login-form-title::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60px;height:3px;background-color:var(--primary-color);border-radius:3px}.login-form-container form{margin-bottom:20px}.login-form-container label{display:block;margin-bottom:8px;font-weight:500;color:var(--dark-color);font-size:15px}.login-form-container input{all:unset;box-sizing:border-box;width:100%;padding:14px 16px;border:1px solid var(--medium-gray);border-radius:6px;font-size:15px;margin-bottom:20px;transition:border 0.2s,box-shadow 0.2s;background-color:#fff}.login-form-container input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgb(218 69 255 / .15)}.login-form-container small{display:block;color:var(--text-muted);margin-bottom:20px;font-size:14px}.btn-primary{width:100%;background-color:var(--primary-color);color:#fff;border:none;padding:14px;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color 0.2s,transform 0.1s;letter-spacing:.3px}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.btn-primary:active{transform:translateY(1px)}.forgot-password{text-align:right;margin-top:-12px;margin-bottom:20px;font-size:14px}.forgot-password a{color:var(--text-muted);text-decoration:none;transition:color 0.2s}.forgot-password a:hover{color:var(--primary-color);text-decoration:none}.forgot-password-note{text-align:center;font-size:13px;color:var(--text-muted);margin-top:25px;padding-top:20px;border-top:1px solid var(--medium-gray);line-height:1.5}.alert{padding:12px 15px;margin-bottom:20px;border-radius:4px;font-size:15px}.alert-danger{background-color:#f8d7da;color:#e74c3c;border:1px solid #f5c6cb}@media (max-width:1023px){.ellipse-div{display:block!important}}