:root{--bg-dark:#052126;--bg-light:#062b31;--input-overlay:#ffffff1f;--white:#fff}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(145deg, var(--bg-light) 50%, var(--bg-dark) 50%);justify-content:center;align-items:center;height:100vh;font-family:Montserrat,sans-serif;display:flex;overflow:hidden}.auth-container{width:100%;max-width:400px;padding:20px}.auth-form{text-align:center;animation:.5s fadeIn;display:none}.auth-form.active{display:block}h1,h2{color:var(--white);letter-spacing:2px;text-transform:uppercase;margin-bottom:40px;font-size:1.8rem}.form-info{color:#fff;opacity:.7;margin-bottom:20px;font-family:Open Sans;font-size:.8rem}.form-group{align-items:center;margin-bottom:20px;display:flex;position:relative}input[type=text],input[type=email],input[type=password]{background-color:var(--input-overlay);width:100%;height:55px;color:var(--white);border:none;border-radius:50px;outline:none;padding:0 25px;font-family:Open Sans,sans-serif;font-size:1rem}input[type=text]::-moz-placeholder{color:#fff9}input[type=email]::-moz-placeholder{color:#fff9}input[type=password]::-moz-placeholder{color:#fff9}input[type=text]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder{color:#fff9}.icon-box{background-color:var(--white);width:55px;height:55px;color:var(--bg-dark);border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex;position:absolute;box-shadow:0 4px 15px #0000004d}.icon-left{left:0}.icon-right{right:0}.pad-left{padding-left:65px!important}.pad-right{padding-right:65px!important}.action-btn{background-color:var(--white);width:100%;height:55px;color:var(--bg-dark);cursor:pointer;border:none;border-radius:50px;margin-top:20px;font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:800;transition:all .3s}.action-btn:hover{background-color:#f0f0f0;transform:scale(1.02)}.action-btn:active{transform:scale(.98)}.toggle-links{color:#fff9;margin-top:25px;font-family:Open Sans,sans-serif;font-size:.9rem;line-height:1.8}.toggle-links p{margin:5px 0}.toggle-links span{color:var(--white);cursor:pointer;margin-left:5px;text-decoration:underline;transition:all .3s}.toggle-links span:hover{color:#f0f0f0}.link-button{color:var(--white);cursor:pointer;font:inherit;background:0 0;border:0;text-decoration:underline}.link-button:disabled{cursor:not-allowed;opacity:.55;text-decoration:none}.error-message{color:#ff6b6b;text-align:left;margin-top:5px;font-family:Open Sans,sans-serif;font-size:.8rem}.file-upload-group{text-align:left;flex-direction:column;align-items:stretch}.file-upload-label{color:var(--white);margin-bottom:10px;font-family:Open Sans,sans-serif;font-size:.95rem;display:block}.file-upload-hint{color:#ffffffb3;margin-top:4px;font-size:.82rem;display:block}.custom-file-input{background-color:var(--input-overlay);width:100%;height:55px;color:var(--white);cursor:pointer;border:none;border-radius:50px;outline:none;padding:0 25px;font-family:Open Sans,sans-serif;font-size:1rem}.custom-file-input:hover{background-color:#ffffff29}.custom-file-input::file-selector-button{color:var(--bg-dark);cursor:pointer;background:#ffffff2e;border:none;border-radius:50px;margin-right:12px;padding:12px 18px}.custom-file-input::file-selector-button{color:var(--bg-dark);cursor:pointer;background:#ffffff2e;border:none;border-radius:50px;margin-right:12px;padding:12px 18px}.success-message{color:#51cf66;background-color:#51cf661a;border-radius:8px;margin-bottom:15px;padding:12px;font-family:Open Sans,sans-serif;font-size:.9rem}.remember-me-box{color:#ffffffb3;align-items:center;margin:20px 0;font-family:Open Sans,sans-serif;font-size:.9rem;display:flex}input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--white);margin-right:8px}input[type=hidden]{display:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=480px){.auth-container{max-width:100%;padding:10px}h1,h2{margin-bottom:30px;font-size:1.5rem}input[type=text],input[type=email],input[type=password]{height:50px;font-size:.95rem}.icon-box{width:50px;height:50px;font-size:1rem}.action-btn{height:50px;font-size:1rem}}