*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',sans-serif}body{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1);background-size:400% 400%;animation:gradientBG 15s ease infinite;overflow:hidden}@keyframes gradientBG{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}.container{position:relative;width:380px;padding:40px;background:rgba(255,255,255,0.95);border-radius:20px;box-shadow:0 15px 35px rgba(0,0,0,0.2);backdrop-filter:blur(10px)}.container h2{text-align:center;color:#333;margin-bottom:30px;font-weight:600}.form-group{position:relative;margin-bottom:30px}.form-group input{width:100%;padding:12px 20px 12px 40px;border:0;border-radius:25px;background:rgba(255,255,255,0.9);box-shadow:0 5px 15px rgba(0,0,0,0.1);font-size:16px;transition:all .3s ease}.form-group input:focus{outline:0;box-shadow:0 5px 15px rgba(0,0,0,0.2)}.form-group i{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#666}.btn-login{width:100%;padding:12px;background:linear-gradient(45deg,#ff6b6b,#ff8e8e);border:0;border-radius:25px;color:white;font-size:16px;font-weight:600;cursor:pointer;transition:transform .3s ease}.btn-login:hover{transform:translateY(-2px);background:linear-gradient(45deg,#ff8e8e,#ff6b6b)}.links{text-align:center;margin-top:20px}.links a{color:#666;text-decoration:none;font-size:14px;margin:0 10px;transition:color .3s ease}.links a:hover{color:#ff6b6b}.floating-bg{position:absolute;width:150px;height:150px;background:rgba(255,255,255,0.1);border-radius:50%;animation:float 8s infinite linear}@keyframes float{0%,100%{transform:translate(0,0)}25%{transform:translate(100px,100px)}50%{transform:translate(-50px,150px)}75%{transform:translate(-100px,-100px)}}