@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700;800&display=swap";
:root{--fb-navy:#002d72;--fb-navy-dark:#001a42;--fb-navy-light:#003e9c;--fb-yellow:#fedd00;--fb-yellow-hover:#e6c700;--white:#fff;--glass:#ffffff1a;--glass-border:#fff3;--error:#ff4d4d;--success:#00c851}*{box-sizing:border-box;margin:0;padding:0;font-family:Montserrat,sans-serif}body{background-color:var(--fb-navy-dark);color:var(--white);background:radial-gradient(circle at top right, var(--fb-navy-light), var(--fb-navy-dark));min-height:100vh;overflow-x:hidden}h1,h2,h3{text-transform:uppercase;letter-spacing:-1px;font-weight:800}a{color:inherit;text-decoration:none}.glass-effect{background:var(--glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:20px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.8s forwards fadeInUp}.btn-primary{background-color:var(--fb-yellow);color:var(--fb-navy-dark);cursor:pointer;text-transform:uppercase;border:none;border-radius:50px;padding:1rem 2rem;font-size:1rem;font-weight:700;transition:all .3s;box-shadow:0 4px 15px #fedd004d}.btn-primary:hover{background-color:var(--fb-yellow-hover);transform:translateY(-2px);box-shadow:0 6px 20px #fedd0066}.btn-primary:disabled{cursor:not-allowed;background-color:#ccc;transform:none}.form-group{margin-bottom:1.5rem}.form-label{color:var(--fb-yellow);margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.form-input{border:1px solid var(--glass-border);color:#fff;background:#0003;border-radius:10px;width:100%;padding:.8rem 1rem;font-size:1rem;transition:border-color .3s}.form-input:focus{border-color:var(--fb-yellow);outline:none}.error-message{color:var(--error);margin-top:.25rem;font-size:.8rem}.loading-spinner{border:4px solid #ffffff1a;border-left-color:var(--fb-yellow);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.loading-spinner-small{border:2px solid #0000001a;border-left-color:var(--fb-navy-dark);border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.btn-google:hover{transform:translateY(-2px);background-color:#f8f8f8!important;box-shadow:0 6px 16px #00000026!important}