body{margin:0;font-family:Inter,sans-serif;min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#60a5fa,#3b82f6,#93c5fd);background-size:400% 400%;animation:gradientShift 15s ease infinite;overflow:hidden;position:relative}.bubble{position:absolute;border-radius:50%;opacity:.35;filter:blur(80px);z-index:1;animation:float infinite ease-in-out}.bubble:nth-child(1){width:500px;height:500px;top:-150px;left:-150px;background:#ffba08;animation-duration:14s}.bubble:nth-child(2){width:400px;height:400px;bottom:-120px;right:-100px;background:#faa307;animation-duration:18s}.bubble:nth-child(3){width:250px;height:250px;top:20%;left:15%;background:#ffd60a;animation-duration:22s}.bubble:nth-child(4){width:150px;height:150px;top:75%;left:30%;background:#ff7f11;animation-duration:20s}.bubble:nth-child(5){width:180px;height:180px;top:40%;right:20%;background:#ff5733;animation-duration:25s}.login-card{position:relative;z-index:10;width:100%;max-width:420px;padding:3rem 2.5rem;border-radius:1.5rem;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);box-shadow:0 15px 40px rgba(0,0,0,.15);text-align:center;animation:fadeUp .9s ease;color:#fff}.login-logo img{max-width:90px;margin-bottom:1rem;border-radius:50%;border:2px solid #fff}.login-card h1{font-size:2rem;font-weight:700;margin-bottom:.25rem;color:#fff}.login-card .tagline{font-size:1rem;margin-bottom:2rem;color:#fdfdfd}.form-label{display:block;font-size:.9rem;margin-bottom:.35rem;text-align:left;color:#fff;font-weight:500}.input-with-icon{position:relative;margin-bottom:1rem}.input-with-icon i{position:absolute;top:50%;left:.75rem;transform:translateY(-50%);color:#ffffffcc}.input-with-icon input{width:100%;padding:.65rem .75rem .65rem 2.5rem;border-radius:.7rem;border:1px solid rgba(255,255,255,.7);background:rgba(255,255,255,.25);color:#fff;font-size:1rem}.input-with-icon input::placeholder{color:#f3f4f6}.input-with-icon input:focus{border-color:#fff;outline:0;box-shadow:0 0 0 .15rem rgba(255,255,255,.45)}.btn-login{width:100%;padding:.75rem 0;border-radius:50px;font-weight:600;background-color:#524dd3;color:#fff;border:2px solid #524dd3;transition:.3s}.btn-login:hover{background-color:#4239b0;border-color:#4239b0;transform:translateY(-2px);box-shadow:0 6px 18px rgba(82,77,211,.35)}.additional-links,.signup-text{font-size:.9rem;margin-top:.75rem;color:#fff}.additional-links a,.signup-text a{color:#e0f2fe;text-decoration:none;font-weight:600}.additional-links a:hover,.signup-text a:hover{text-decoration:underline}.login-alert{display:flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.2);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.3);padding:.75rem 1rem;border-radius:.75rem;color:#ff6b6b;font-weight:500;margin-bottom:1rem;animation:shake .6s ease}.login-alert i{font-size:1.25rem}@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0) translateX(0)}25%{transform:translateY(-30px) translateX(15px)}50%{transform:translateY(30px) translateX(-15px)}75%{transform:translateY(-15px) translateX(5px)}100%{transform:translateY(0) translateX(0)}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@keyframes shake{0%{transform:translateX(0)}25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-5px)}100%{transform:translateX(0)}}