*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,sans-serif}body{min-height:100vh}.title{font-size:25px;font-weight:700;text-align:center;margin-bottom:20px;background:linear-gradient(90deg,#4a90e2,#8e44ad);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.app-container{min-height:100vh;width:100%;background-image:url(/assets/bg-B8WRcODH.jpg);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center}.form-card{background:#ffffffeb;padding:30px;width:100%;max-width:380px;border-radius:12px;box-shadow:0 10px 40px #00000040;animation:fadeIn .6s ease}.form-card h2{text-align:center;margin-bottom:20px}.form-card input{width:100%;padding:12px;margin-bottom:15px;border-radius:8px;border:1px solid #ccc;transition:all .3 ease}.form-card input.focus{border-color:#4a90e2;outline:none}.form-card button{width:100%;padding:12px;border-radius:8px;border:none;background:#4a90e2;color:#fff;font-size:16px;cursor:pointer;transition:background .3 ease}.form-card button:hover{background:#352abd}.message{margin-top:12px;text-align:center;font-weight:500}.popup{position:fixed;top:20px;right:20px;padding:16px 22px;border-radius:10px;color:#fff;font-weight:500;box-shadow:0 10px 30px #0000004d;animation:slideIn .4s ease;z-index:1000}.popup.success{background:linear-gradient(135deg,#2ecc71,#27ae60)}.popup.error{background:linear-gradient(135deg,#e74c3c,#c0392b)}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}