body{background-color:#fff;margin:0;padding:0;color:#333}.container{width:100%;max-width:500px;margin:100px auto 50px;background-color:#fff;padding:30px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);text-align:center}h2{font-size:28px;margin-bottom:20px;background:linear-gradient(90deg,#7426ef,#0083cc);color:transparent;-webkit-background-clip:text;background-clip:text}.form-group{margin-bottom:20px;text-align:left}label{display:block;margin-bottom:5px;font-size:16px}input[type=email]{width:100%;padding:10px;font-size:16px;border:1px solid #ccc;border-radius:8px;box-sizing:border-box}input[type=email]:focus{border-color:#7426ef;outline:0}.submit-btn{width:100%;padding:10px;font-size:16px;background:linear-gradient(90deg,#7426ef,#0083cc);color:#fff;border:none;border-radius:8px;cursor:pointer;outline:0!important;transition:background-color .3s ease;position:relative}.submit-btn:hover{background:linear-gradient(90deg,#0083cc,#7426ef)}.submit-btn:disabled{background:linear-gradient(90deg,#0083cc,#7426ef);color:transparent}.spinner{display:none;border:2px solid #fff;border-top:2px solid transparent;border-radius:50%;width:14px;height:14px;animation:spin 1s linear infinite;position:absolute;inset:0;margin:auto}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.alert{padding:10px;background-color:#d4edda;color:#155724;border-radius:4px;margin-bottom:20px}.text-Danger{color:red;font-size:14px}@media (max-width:768px){h2{font-size:20px}.container{margin:90px auto 25px;box-shadow:none}}