:root{--background:#f5f7fa;--color:#1f2937;--primary-color:#4f8dfd;--ai-color:#8b7cf6;--success-color:#5ed6a7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{box-sizing:border-box;background:var(--background);color:var(--color);letter-spacing:1px;-o-transition:background .2s ease;margin:0;font-family:poppins;transition:background .2s}a{color:var(--color);text-decoration:none}h1{font-size:2.5rem}.container{justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-container{z-index:1;width:100%;max-width:24.2rem;margin:0 auto;position:relative}.form-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:99;-ms-border-radius:10px;-o-border-radius:10px;border:1px solid #99999928;border-radius:10px;padding:2rem;box-shadow:0 12px 30px 1px #0003}.login-container form input{width:100%;color:var(--color);letter-spacing:.8px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);-ms-border-radius:5px;-o-border-radius:5px;background-color:#f5f7fa;border:none;border-radius:5px;outline:none;margin:2rem 0;padding:14.5px;font-size:15px;font-weight:500;display:block}.login-container form input:focus{animation:.3s ease-in wobble;box-shadow:0 0 16px 1px #0003}.login-container form button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f8dfd,#8b7cf6);border:none;border-radius:12px;width:100%;margin-bottom:2rem;padding:14px;font-size:16px;font-weight:600;transition:all .2s}.login-container form button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #4f8dfd40}.circle{-ms-border-radius:50%;-o-border-radius:50%;background:#6c5ce7;border-radius:50%;width:8rem;height:8rem;position:absolute}.illustration{width:90%;position:absolute;top:-14%;right:-2px}.circle-one{z-index:-1;top:0;left:0;transform:translate(-45%,-45%)}.circle-two{z-index:-1;bottom:0;right:0;transform:translate(45%,45%)}.register-forget{justify-content:space-between;margin:1rem 0;display:flex}.opacity{opacity:.6}.opacity-register{opacity:.9;color:#fff}.theme-btn-container{position:absolute;bottom:2rem;left:0}.theme-btn{cursor:pointer;transition:all .3s ease-in}.theme-btn:hover{width:40px!important}@keyframes wobble{0%{transform:scale(1.025)}25%{transform:scale(1)}75%{transform:scale(1.025)}to{transform:scale(1)}}.login-subtitle{color:#5f6f89;margin-top:-1rem;margin-bottom:2rem;font-size:.9rem;line-height:1.5}.register-forget a{color:var(--primary-color);font-size:.85rem;font-weight:600}.register-forget a:hover{color:var(--ai-color)}