.plan-form-modal{border-radius:0;width:100vw;max-width:none;height:100vh;max-height:none;animation:.5s cubic-bezier(.25,.46,.45,.94) slideInFromRight;position:relative;overflow-y:auto}@keyframes slideInFromRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@media (width>=1024px){.plan-form-modal{border-radius:24px;width:90vw;max-width:800px;height:90vh;max-height:90vh;margin:auto;animation:.5s cubic-bezier(.25,.46,.45,.94) slideInFromTop}}@media (width<=1023px){.plan-form-modal{border-radius:0!important;width:100vw!important;max-width:none!important;height:100vh!important;max-height:none!important;margin:0!important}.plan-modal-body{min-height:calc(100vh - 120px);padding:24px}}@media (width>=768px) and (width<=1023px){.plan-modal-body{padding:32px}}.plan-modal-body{min-height:calc(100vh - 120px);padding:24px 24px 40px}@media (width>=1024px){.plan-modal-body{min-height:auto;padding:32px 40px}}.plan-summary{background:#3b82f61a;border:1px solid #3b82f633;border-radius:16px;margin-bottom:32px;padding:24px}.plan-info h3{color:#60a5fa;margin:0 0 8px;font-size:1.25rem;font-weight:700}.plan-info p{color:#fffc;margin:0 0 16px}.plan-price{align-items:baseline;gap:4px;display:flex}.plan-billing-detail{font-size:.88rem;font-weight:600;color:#ffffffad!important;margin:6px 0 0!important}.price-amount{color:#fff;font-size:2rem;font-weight:700}.price-period{color:#fff9;font-size:1rem}.form-section{margin-bottom:32px}.form-section h4{color:#fff;border-bottom:1px solid #ffffff1a;margin:0 0 20px;padding-bottom:8px;font-size:1.1rem;font-weight:600}.form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-group{flex-direction:column;display:flex}.form-group label{color:#ffffffe6;margin-bottom:8px;font-size:.9rem;font-weight:500}.form-group input,.form-group select{color:#fff;box-sizing:border-box;background:#ffffff0d;border:1px solid #fff3;border-radius:12px;width:100%;padding:12px 16px;font-size:1rem;transition:color .3s,background-color .3s,border-color .3s,box-shadow .3s,transform .3s,opacity .3s}.form-group input:focus,.form-group select:focus{background:#ffffff14;border-color:#60a5fa;outline:none;box-shadow:0 0 0 3px #60a5fa1a}.form-group input::placeholder{color:#fff6}.form-group select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.form-group select option{color:#fff;background:#1f2937;padding:8px 12px}.form-group select option:first-child{color:#fff6}.form-group input[type=date]{cursor:pointer;background:#000;padding-right:40px}.form-group input[type=date]::-webkit-calendar-picker-indicator{display:none}.custom-date-wrapper{background:#ffffff0d;border:1px solid #fff3;border-radius:12px;align-items:center;width:100%;transition:border-color .2s;display:flex;overflow:hidden}.custom-date-wrapper input[type=date]{flex:1;margin:0;padding-right:0;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important}.custom-date-btn{cursor:pointer;background:0 0;border:none;outline:none;justify-content:center;align-items:center;height:100%;padding:0 14px 0 8px;transition:background .2s;display:flex}.custom-date-btn:hover{background:#ffffff14}.custom-date-btn svg{fill:#fff;opacity:.8;width:22px;height:22px}.form-group input[type=date]::-webkit-calendar-picker-indicator:hover{background:#ffffff1a}.form-actions{border-top:1px solid #ffffff1a;justify-content:space-between;gap:16px;margin-top:32px;padding-top:24px;display:flex}.glass-button{cursor:pointer;-webkit-backdrop-filter:blur(10px);border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;min-height:50px;padding:16px 24px;font-size:clamp(.9rem,4vw,1rem);font-weight:600;transition:color .3s,background-color .3s,border-color .3s,box-shadow .3s,transform .3s,opacity .3s;display:flex}.glass-button.primary{color:#fff;background:linear-gradient(135deg,#60a5fa,#3b82f6);border:1px solid #60a5fa4d}.glass-button.primary:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);transform:translateY(-2px);box-shadow:0 8px 25px #60a5fa4d}.glass-button.secondary{color:#fff;background:#ffffff1a;border:1px solid #fff3;flex:.5}.glass-button.secondary:hover{background:#fff3;transform:translateY(-2px)}@media (width>=768px){.form-actions{justify-content:flex-end;margin:24px 0 0;padding:24px 0 0;position:relative}.glass-button{flex:none;min-height:auto;padding:12px 24px}.glass-button.secondary{flex:none}}@media (width<=768px){.form-actions{border-top:1px solid #ffffff1a;flex-direction:column;gap:12px;margin-top:32px;padding:24px 0}.glass-button{border:1px solid #fff3;border-radius:12px;width:100%;min-height:52px;padding:16px 24px;font-size:1rem}.glass-button.primary{order:2}.glass-button.secondary{flex:1;order:1}.plan-modal-body{padding-bottom:60px}}.glass-button svg{flex-shrink:0;width:16px;height:16px}.qr-scan-button{color:#6366f1e6;cursor:pointer;background:#6366f11a;border:1px solid #6366f14d;border-radius:12px;align-items:center;gap:8px;padding:10px 16px;font-size:.9rem;font-weight:600;transition:color .3s,background-color .3s,border-color .3s,box-shadow .3s,transform .3s,opacity .3s;display:flex}.qr-scan-button:hover{color:#6366f1;background:#6366f133;border-color:#6366f180;transform:translateY(-2px)}.qr-scan-button svg{width:20px;height:20px}@media (width<=480px){.plan-modal-body{padding:20px 16px 120px}.form-grid{grid-template-columns:1fr;gap:16px}.form-actions{border-top:1px solid #ffffff1a;flex-direction:column;gap:12px;margin-top:24px;padding:20px 0 24px}.glass-button{border-radius:12px;width:100%;min-height:52px;padding:16px 20px;font-size:1rem}.glass-button.secondary{flex:1}.form-group.full-width{grid-column:1}.terms-section{padding:16px 0}.checkbox-container{align-items:flex-start;font-size:.85rem}.checkmark{flex-shrink:0;margin-top:2px}.qr-scan-button{padding:8px 12px;font-size:.8rem}.qr-scan-button svg{width:18px;height:18px}}.form-help{color:#fff9;margin-top:4px;font-size:.75rem;font-style:italic;line-height:1.3;display:block}.terms-checkbox{justify-content:center;margin-top:20px;display:flex}.checkbox-container{cursor:pointer;color:#fffc;align-items:center;font-size:.9rem;display:flex}.checkbox-container input[type=checkbox]{opacity:0;width:1px;height:1px;position:absolute}.checkmark{background:#ffffff0d;border:2px solid #ffffff4d;border-radius:4px;flex-shrink:0;width:20px;height:20px;margin-right:12px;transition:color .3s,background-color .3s,border-color .3s,box-shadow .3s,transform .3s,opacity .3s;position:relative}.checkbox-container input[type=checkbox]:checked+.checkmark{background:#6366f199;border-color:#6366f1cc}.checkbox-container input[type=checkbox]:focus-visible+.checkmark{outline-offset:3px;outline:3px solid #60a5fa73}.checkbox-container input[type=checkbox]:checked+.checkmark:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:6px;height:10px;position:absolute;top:2px;left:6px;transform:rotate(45deg)}.checkbox-container input[type=checkbox]:disabled~*{opacity:.5;cursor:not-allowed}.checkbox-container input[type=checkbox]:disabled+.checkmark{background:#ffffff05;border-color:#ffffff1a}.checkbox-container:has(input[type=checkbox]:disabled){cursor:not-allowed;opacity:.6}.link-button{color:#6366f1e6;cursor:pointer;font-size:inherit;background:0 0;border:none;margin:0 4px;padding:0;text-decoration:underline;transition:color .3s}.link-button:hover{color:#6366f1}.link-button:focus{outline-offset:2px;border-radius:2px;outline:2px solid #6366f180}
