@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");body{font-family:Poppins,sans-serif}.signup-page{position:relative;width:100%;height:100vh;overflow:hidden}.iframe-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.form-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.5);z-index:1000}.modal{padding:2rem}.modal,.modal-otp{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:white;border-radius:8px;z-index:1001;width:500px}.modal-otp{padding:20px 25px;max-height:260px}.modal h2{text-align:center;margin-bottom:20px}.modal form{display:flex;flex-direction:column;gap:15px}.modal input,.modal select{padding:10px;border:1px solid #ccc;border-radius:6px;font-size:1rem}.modal button{color:white;padding:12px;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:background .3s}.modal button,.modal button:hover{background-color:#ff9900}.modal button.close-btn{position:absolute;top:0;right:15px;background:none;border:none;font-size:1.5rem;color:#555;cursor:pointer}.modal button.close-btn:hover{color:rgb(63,63,63)}.otp-form{justify-content:center;gap:.5rem;margin-top:1rem}@media (max-width:1000px){.signup-page{position:relative;width:100%;height:100vh;overflow:hidden}.iframe-bg{position:absolute;width:100%;height:100%;z-index:-1;border:none}.form-overlay{display:flex;justify-content:center;align-items:center;height:100%;padding:20px 10px;background:rgba(0,0,0,.6)}.modal{background:white;border-radius:8px;padding:20px 15px;width:100%;max-width:340px;box-shadow:0 0 10px rgba(0,0,0,.3);text-align:center}.modal h2{font-size:20px;margin-bottom:20px;color:#333}.modal form{display:flex;flex-direction:column;gap:12px}.modal input,.modal select{padding:10px;font-size:14px;border:1px solid #ccc;border-radius:6px;width:100%}.modal button{padding:12px;font-size:16px;font-weight:700;background-color:#f97316;color:white;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s ease}.modal button:hover{background-color:#e36405}.modal button.close-btn{position:absolute;top:0;right:15px;background:none;border:none;font-size:1.5rem;color:#555;cursor:pointer}.modal button.close-btn:hover{color:rgb(63,63,63)}}.otp-form{display:flex;flex-direction:column;align-items:center;gap:15px;margin-top:20px}.modal-otp h2{font-size:24px;font-weight:600;color:#333;margin-bottom:10px;text-align:center}.otp-input{padding:12px 16px;width:220px;font-size:18px;letter-spacing:4px;text-align:center;border:2px solid #ccc;border-radius:8px;outline:none;transition:border .3s ease}.otp-input:focus{border-color:#007bff}.otp-btn{padding:12px 20px;background-color:#f97316;color:white;font-weight:500;font-size:16px;border:none;border-radius:8px;cursor:pointer;transition:background .3s ease}.otp-btn:hover{background-color:#c95f13}.message{margin-top:12px;font-size:14px;color:green;text-align:center}.email-popup{position:fixed;top:20px;right:20px;padding:12px 20px;background-color:white;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,.2);z-index:9999;display:flex;align-items:center;gap:8px;font-weight:500;transition:opacity .3s ease,transform .3s ease;opacity:1}.email-popup.success{background-color:#e6ffed;color:#2a7a2e;right:20px;opacity:1}.email-popup.error{background-color:#ffe6e6;color:#a12727;right:20px;opacity:1}.email-popup.hide{opacity:0;transform:translateY(-10px)}