.fp-container{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(135deg,#0b1020,#151a30);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:15px}.fp-card{background:#1c2337;padding:30px;border-radius:16px;box-shadow:0 8px 25px rgba(0,0,0,.6);max-width:400px;width:100%;text-align:center;animation:fadeIn .6s ease-in-out;color:#eaeaff}.fp-title{font-size:24px;font-weight:700;margin-bottom:10px;color:#fff}.fp-subtitle{font-size:14px;color:#a0a0a0;margin-bottom:25px}.fp-input-group{text-align:left;margin-bottom:20px}.fp-input-group label{display:block;font-size:14px;font-weight:600;margin-bottom:6px;color:#ccc}.fp-input-group input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.15);outline:none;font-size:14px;background:#2a3148;color:#fff;transition:all .3s ease}.fp-input-group input::placeholder{color:#888}.fp-input-group input:focus{border-color:#4dd0e1;box-shadow:0 0 8px rgba(77,208,225,.3)}.fp-button{width:100%;background:linear-gradient(135deg,#7c5cff,#4dd0e1);color:#0b1020;border:none;padding:14px;font-size:16px;font-weight:700;border-radius:999px;cursor:pointer;transition:all .3s ease}.fp-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(124,92,255,.4)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:500px){.fp-card{padding:20px}.fp-title{font-size:20px}.fp-subtitle{font-size:13px}}