:root{--portal-bg: #faf9f7;--portal-sidebar-bg: #f0eeeb;--portal-accent: #d4a84b;--portal-accent-hover: #b8923f;--portal-card-radius: 12px;--portal-shadow: 0 2px 8px rgba(0, 0, 0, .06)}.portal-layout{display:flex;flex-direction:column;min-height:100vh;background:var(--portal-bg)}.portal-topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;width:100%;padding:1rem 1.5rem;background:var(--portal-sidebar-bg);border-bottom:1px solid rgba(0,0,0,.08)}.portal-topbar-left{display:flex;align-items:center;gap:1.5rem;flex:1;min-width:0}.portal-topbar-brand{font-size:1.25rem;font-weight:600;color:#333;flex-shrink:0}.portal-topbar-title{font-size:1rem;font-weight:500;color:#555}.portal-main{flex:1;overflow:auto;background:var(--portal-bg);padding:1.5rem 2rem}.onboarding-container{min-height:100vh;background-color:var(--portal-bg);padding:2rem 1rem}.onboarding-wrapper{max-width:900px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.onboarding-section{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid rgba(187,174,155,.2)}.onboarding-section:last-child{border-bottom:none}.onboarding-title{font-size:2rem;font-weight:300;color:#000;margin-bottom:2rem;text-align:center}.section-title{font-size:1.5rem;font-weight:600;color:#000;margin-bottom:1rem}.section-description{font-size:1rem;color:#000;margin-bottom:1.5rem;opacity:.8}.plan-context-card{background-color:#fff;border:1px solid rgba(0,0,0,.08);padding:1.5rem;border-radius:var(--portal-card-radius);box-shadow:var(--portal-shadow);margin-bottom:2rem}.plan-name{font-size:1.5rem;font-weight:700;color:#000;margin-bottom:1rem}.plan-details{display:flex;flex-direction:column;gap:.75rem}.plan-detail-item{display:flex;justify-content:space-between;align-items:center}.plan-label{font-weight:600;color:#000}.plan-value{color:#000;opacity:.8}.onboarding-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.95rem;font-weight:600;color:#000}.form-label.required:after{content:" *";color:var(--portal-accent)}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:#333;background-color:#fff;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--portal-accent);box-shadow:0 0 0 3px #d4a84b33}.form-textarea{resize:vertical;min-height:100px}.form-helper{font-size:.875rem;color:#000;opacity:.6}.subdomain-availability{display:block;font-size:.875rem;margin-top:.25rem}.subdomain-availability.is-available{color:#166534}.subdomain-availability.is-taken{color:#dc2626}.subdomain-availability.is-checking{color:#6b7280}.form-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1rem}@media(max-width:768px){.form-row{grid-template-columns:1fr}}.form-col{display:flex;flex-direction:column;gap:.5rem}.form-col-full{flex:1 1 100%}.form-section{margin-bottom:2.5rem;padding:1.5rem;background:#fff;border-radius:var(--portal-card-radius);box-shadow:var(--portal-shadow);border:none}.form-section:last-of-type{margin-bottom:1.5rem}.form-section-title{font-size:1.25rem;font-weight:600;color:#333;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--portal-accent)}.form-section.section-invalid,.onboarding-section.section-invalid{background-color:#dc26260d;border:2px solid #dc2626;border-radius:8px;padding:1.5rem;margin-bottom:2.5rem;animation:pulseHighlight .5s ease-in-out}.form-section.section-invalid .form-section-title,.onboarding-section.section-invalid .section-title{color:#dc2626;border-bottom-color:#dc2626}@keyframes pulseHighlight{0%{box-shadow:0 0 #dc262666}50%{box-shadow:0 0 0 10px #dc262600}to{box-shadow:0 0 #dc262600}}.radio-group{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem}.radio-label{display:flex;align-items:center;gap:.5rem;font-size:.95rem;color:#000;cursor:pointer}.radio-label input[type=radio]{width:18px;height:18px;cursor:pointer}.checkbox-label{display:flex;align-items:flex-start;gap:.75rem;font-size:.95rem;color:#000;cursor:pointer}.checkbox-label input[type=checkbox]{width:20px;height:20px;margin-top:2px;cursor:pointer;flex-shrink:0}.error-message{font-size:.875rem;color:#dc2626;display:none}.form-input:invalid:not(:placeholder-shown)~.error-message,.form-select:invalid:not(:placeholder-shown)~.error-message,.form-textarea:invalid:not(:placeholder-shown)~.error-message{display:block}.form-errors{background-color:#fee2e2;border:1px solid #dc2626;color:#991b1b;padding:1rem;border-radius:4px;margin-top:1rem}.optional-section{margin-top:2rem;padding-top:2rem;border-top:2px dashed rgba(187,174,155,.3)}.optional-title{font-size:1.25rem;font-weight:600;color:#000;margin-bottom:1.5rem;opacity:.7}.calendar-embed{margin:2rem 0;border:1px solid rgba(187,174,155,.3);border-radius:8px;overflow:hidden;background-color:#f9f9f9;padding:2rem;text-align:center}.calendar-button{display:inline-block;padding:1rem 2rem;background-color:#4285f4;color:#fff;text-decoration:none;border-radius:8px;font-weight:600;font-size:1.125rem;transition:background-color .2s ease}.calendar-button:hover{background-color:#357ae8}.calendar-button:active{background-color:#2d6bc7}.calendar-placeholder{padding:3rem;text-align:center;color:#000;opacity:.6}.terms-content{background-color:#f9f9f9;padding:1.5rem;border-radius:4px;margin-bottom:1rem}.terms-content p{color:#000;margin-bottom:.5rem}.btn-primary{background-color:var(--portal-accent);color:#1a1a1a;padding:1rem 2rem;border:none;border-radius:4px;font-size:1.125rem;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;cursor:pointer;transition:background-color .2s,transform .1s;width:100%;max-width:400px;margin:0 auto;display:block}.btn-primary:hover:not(:disabled){background-color:var(--portal-accent-hover);transform:translateY(-1px)}.btn-primary:disabled{background-color:#e5e5e5;color:#999;cursor:not-allowed;opacity:.6}.btn-large{padding:1.25rem 2.5rem;font-size:1.25rem}.template-selector-section{margin-bottom:2.5rem}.template-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;margin-top:1rem}.template-picker-card{display:flex;flex-direction:column;align-items:center;padding:.5rem;border:2px solid rgba(187,174,155,.3);border-radius:8px;background:#fff;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;font-family:inherit;text-align:center}.template-picker-card:hover{border-color:var(--portal-accent);box-shadow:0 2px 8px #d4a84b33}.template-picker-card.template-picker-card-selected,.template-picker-card.template-card-selected,.template-picker-card[aria-pressed=true]{border-color:var(--portal-accent);box-shadow:0 0 0 3px #d4a84b4d}.template-picker-img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:4px;margin-bottom:.5rem;background:#f5f5f5}.template-picker-name{font-size:.9rem;font-weight:600;color:#000}@media(max-width:768px){.template-picker-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.onboarding-title{font-size:1.5rem}.section-title{font-size:1.25rem}.plan-detail-item{flex-direction:column;align-items:flex-start;gap:.25rem}.radio-group{flex-direction:column;gap:.75rem}}