.demo-page-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;display:flex;justify-content:center;align-items:center;z-index:1000;padding:10px}.demo-page-form-container{background-image:url(/src/assets/GradientBG.png);background-size:cover;background-position:50%;background-repeat:no-repeat;border-radius:16px;width:80vw;height:80vh;position:relative;z-index:1001;box-shadow:0 8px 32px rgba(0,0,0,.12)}.demo-page-title{font-family:Poppins;font-weight:600;font-size:26px;line-height:41px;letter-spacing:0;margin-bottom:32px;color:#0f31db;text-align:center}.demo-page-form-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-items:center;height:80vh}.demo-page-form-left{width:80%;height:85%;background-color:#fff;padding:10px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.demo-page-form-right{width:100%;display:flex;align-items:center;justify-content:center}.demo-page-right-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:85%}.demo-page-logo{margin-bottom:10px}.demo-page-logo img{height:24px;width:auto}.demo-page-right-heading{font-family:Poppins;font-weight:600;font-style:SemiBold;font-size:28px;leading-trim:NONE;line-height:36px;letter-spacing:0;text-align:center;vertical-align:middle;color:#52525b;margin:5px 0 0}.demo-page-right-subheading{font-family:Inter;font-weight:400;font-style:Regular;font-size:16px;leading-trim:NONE;line-height:24px;letter-spacing:0;text-align:center;text-transform:capitalize;color:#667085}.demo-page-icons-row{display:flex;justify-content:center;gap:40px;margin-top:12px}.demo-page-icon-item{display:flex;flex-direction:column;align-items:center;gap:6px}.demo-page-icon{display:flex;align-items:center;justify-content:center}.demo-page-icon,.demo-page-icon img{width:24px;height:24px}.demo-page-icon-text{display:flex;flex-direction:column;align-items:center;gap:2px}.demo-page-icon-name{font-weight:500;font-size:20px}.demo-page-icon-category,.demo-page-icon-name{font-family:Poppins,sans-serif;color:#52525b;text-align:center}.demo-page-icon-category{font-weight:400;font-size:14px}@media (max-width:768px){.demo-page-form-right{padding:20px}.demo-page-right-heading{font-size:24px}.demo-page-right-subheading{font-size:14px}.demo-page-icons-row{gap:20px}.demo-page-icon{width:50px;height:50px}.demo-page-icon img{width:28px;height:28px}}.demo-page-form{display:flex;flex-direction:column;gap:15px;background-color:#fff;border-radius:6px;border:1px solid #f0f0f0;padding:50px 30px}.demo-page-input-row{display:grid;grid-template-columns:1fr;grid-gap:15px;gap:15px;width:100%;align-items:start}@media (max-width:768px){.demo-page-form-layout{grid-template-columns:1fr;gap:20px}.demo-page-input-row{grid-template-columns:1fr;gap:15px}.demo-page-form-container{padding:30px 20px}}.demo-page-input-wrapper{position:relative;width:100%;min-height:60px}.demo-page-input-label{font-family:Poppins;font-weight:500;font-size:16px;line-height:24px;letter-spacing:0;color:#52525b;margin-bottom:6px;display:block}.demo-page-input{width:100%;padding:10px 12px;border:1px solid #e1e5e9;border-radius:8px;font-family:Poppins,sans-serif;font-size:14px;background:#fff;transition:all .2s ease;box-sizing:border-box;position:relative}.demo-page-input::placeholder{color:#999}.demo-page-input:focus{outline:none;border:1px solid #4862f2;background:#fff}.demo-page-input:disabled{background-color:#e9ecef;cursor:not-allowed}.demo-page-submit-button{background:linear-gradient(107.93deg,#4862f2 37.78%,#6b8aff);color:#fff;padding:10px 24px;border:none;border-radius:8px;font-family:Poppins,sans-serif;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .2s;width:100%;height:-moz-fit-content;height:fit-content}.demo-page-submit-button:hover{opacity:.9}.demo-page-submit-button:disabled{opacity:.5;cursor:not-allowed}.demo-page-otp-container{display:flex;gap:8px;margin-top:8px;justify-content:center}.demo-page-otp-input{width:44px;height:44px;text-align:center;font-size:16px;padding:0;border:none;border-radius:8px;font-family:Poppins,sans-serif;background:#e2ecfc;box-sizing:border-box}.demo-page-otp-input:focus{outline:none;border:2px solid #4862f2;background:rgba(226,236,252,.8)}.demo-page-resend-otp{background:none;border:none;color:#4862f2;font-family:Poppins,sans-serif;font-size:12px;cursor:pointer;margin-top:8px;text-align:center;width:100%}.demo-page-resend-otp:disabled{color:#999;cursor:not-allowed}.demo-page-otp-message{font-family:Poppins,sans-serif;font-size:14px;color:#4862f2;background:rgba(72,98,242,.1);padding:12px;border-radius:8px;margin-bottom:16px;text-align:center}.demo-page-error-message{color:#f44;font-size:12px;margin-top:4px;font-family:Poppins,sans-serif}.demo-page-error-alert{background-color:#fff3f3;border:1px solid #f44;border-radius:8px;padding:12px 16px;margin:16px 0;display:flex;align-items:center;gap:8px;font-family:Poppins,sans-serif;color:#f44;font-size:14px;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.demo-page-radio-group{display:flex;flex-direction:row;gap:12px;margin-top:12px;width:100%;flex-wrap:wrap}.demo-page-radio-label{display:flex;align-items:center;justify-content:center;padding:10px 16px;border:1px solid rgba(68,97,242,.32);border-radius:24px;background:#fff;font-family:Poppins,sans-serif;font-size:14px;color:#52525b;cursor:pointer;transition:all .2s ease;text-align:center;position:relative;min-width:-moz-fit-content;min-width:fit-content;box-sizing:border-box}.demo-page-radio-label:hover{background:#e2ecfc;border-color:#4862f2}.demo-page-radio-input{position:absolute;opacity:0;width:0;height:0}.demo-page-radio-input:checked+.demo-page-radio-label{color:#0f31db;border-color:#4862f2;font-weight:600;box-shadow:0 2px 4px rgba(72,98,242,.2)}.demo-page-radio-otp-container{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px;width:100%;align-items:start}@media (max-width:768px){.demo-page-radio-otp-container{grid-template-columns:1fr;gap:20px}}.demo-page-otp-wrapper{width:100%}.demo-page-button-wrapper{width:100%;margin-top:8px;display:flex;justify-content:center;align-items:center}.demo-page-privacy-message{font-family:Poppins,sans-serif;font-size:12px;color:rgba(82,82,91,.7);text-align:center;margin-top:16px;width:100%;max-width:400px;margin-left:auto;margin-right:auto}.demo-page-privacy-message a{color:#52525b;text-decoration:none;font-weight:500;border-bottom:1px solid #52525b}.demo-page-error-container{position:absolute;right:12px;top:70%;transform:translateY(-50%);display:flex;align-items:center;gap:4px;pointer-events:none}.demo-page-error-icon{color:#f44;font-size:16px;pointer-events:auto}.demo-page-error-text{color:#f44;font-size:12px;font-family:Poppins,sans-serif}.demo-page-otp-section{width:100%}.demo-page-otp-content,.demo-page-otp-section{display:flex;flex-direction:column;gap:12px}.MuiTooltip-popper{z-index:9999!important}.MuiTooltip-tooltip{background:none!important;color:#f44!important;font-size:12px!important;font-family:Poppins,sans-serif!important;box-shadow:none!important;padding:0!important;margin:0!important;white-space:nowrap!important;display:flex!important;align-items:center!important;gap:4px!important}.MuiTooltip-arrow{display:none!important}