@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@media(max-width:640px){body{font-size:14px}}@media(max-width:640px){#root{padding:1rem}}@media(max-width:768px){#root{padding:1.5rem}}@media(max-width:640px){.wizard-container{padding:1rem}}@media(max-width:640px){.wizard-header h1{font-size:1.5rem}.wizard-header p{font-size:.875rem}}@media(max-width:640px){.form-field{margin-bottom:1rem}}.grid-2-cols{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width:768px){.grid-2-cols{grid-template-columns:1fr;gap:1rem}}@media(max-width:768px){.feature-grid{grid-template-columns:1fr}}@media(max-width:640px){.image-upload-field .image-preview-container{width:100%;max-width:200px}}@media(max-width:640px){.image-upload-field .upload-zone{padding:1.5rem}}@media(max-width:640px){.wizard-navigation{flex-direction:column;gap:.75rem}.wizard-navigation button{width:100%}}@media(max-width:768px){.preview-mockup .mockup-content{flex-direction:column!important;height:auto!important}.preview-mockup .hero-column{min-height:250px}.preview-mockup .form-column{padding:2rem!important}}@media(max-width:640px){.preview-mockup .hero-column{min-height:200px}.preview-mockup .form-column{padding:1.5rem!important}}.wizard-layout{max-width:800px;margin:0 auto;padding:3rem 1.5rem;display:flex;flex-direction:column;gap:3rem;min-height:80vh;justify-content:center}.wizard-layout .wizard-header{text-align:center}.wizard-layout .wizard-header h1{font-size:2.5rem;color:#1e293b;margin-bottom:.5rem;font-weight:700}.wizard-layout .wizard-header p{color:#64748b;font-size:1.1rem}.wizard-layout .wizard-content{background:#fff;padding:3rem;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;display:flex;flex-direction:column;gap:2rem}.progress-container{position:fixed;top:0;left:0;width:100%;height:6px;background:#e2e8f0;z-index:100}.progress-container .progress-bar{height:100%;background:linear-gradient(90deg,#49b4a8,#ec4899);transition:width .5s ease}.wizard-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:2rem;border-top:1px solid #e2e8f0}.btn-primary,.btn-secondary,.btn-finish{display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background:#49b4a8;color:#fff}.btn-primary:hover{background:#3c9e93}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:transparent;color:#64748b}.btn-secondary:hover{color:#1e293b;background:#e2e8f0}.btn-finish{background:#49b4a8;color:#fff}.btn-finish:hover{background:#3c9e93}.btn-cta{border-radius:999px;padding:1rem 3rem;font-size:1.25rem;box-shadow:0 4px 12px #49b4a859}.btn-cta:hover{box-shadow:0 6px 16px #49b4a866}.form-field,.color-field{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;align-items:flex-start}.form-field .field-label,.color-field .field-label{display:flex;flex-direction:column;gap:4px;font-weight:600}.form-field .field-label .label-text,.color-field .field-label .label-text{font-weight:600;color:#1e293b;text-align:left}.form-field .field-label .label-text .required-indicator,.color-field .field-label .label-text .required-indicator{color:#ef4444}.form-field .field-label .label-sub,.color-field .field-label .label-sub{font-size:.875rem;color:#64748b}.form-field .input-wrapper,.color-field .input-wrapper{position:relative;display:flex;align-items:center;width:100%}.form-field .text-input,.color-field .text-input,.color-field .color-input-wrapper .color-hex-input{width:100%;padding:1rem 2.5rem 1rem 1rem;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-field .text-input:focus,.color-field .text-input:focus,.color-field .color-input-wrapper .color-hex-input:focus{border-color:#49b4a8;outline:none;box-shadow:0 0 0 3px #49b4a81a}.form-field .text-input.error,.color-field .text-input.error,.color-field .color-input-wrapper .error.color-hex-input{border-color:#ef4444}.form-field .text-input.error:focus,.color-field .text-input.error:focus,.color-field .color-input-wrapper .error.color-hex-input:focus{box-shadow:0 0 0 3px #ef44441a}.form-field .text-input.valid,.color-field .text-input.valid,.color-field .color-input-wrapper .valid.color-hex-input{border-color:#22c55e}.form-field .text-input.valid:focus,.color-field .text-input.valid:focus,.color-field .color-input-wrapper .valid.color-hex-input:focus{box-shadow:0 0 0 3px #22c55e1a}.form-field .textarea-input,.color-field .textarea-input{width:100%;min-height:150px;resize:vertical}.form-field .input-icon,.color-field .input-icon{position:absolute;right:12px;pointer-events:none}.form-field .input-icon.success-icon,.color-field .input-icon.success-icon{color:#22c55e}.form-field .input-icon.error-icon,.color-field .input-icon.error-icon{color:#ef4444}.form-field .toggle-visibility-btn,.color-field .toggle-visibility-btn{position:absolute;right:12px;display:flex;align-items:center;justify-content:center;border:1px solid transparent;background:none;padding:0;color:#64748b;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-field .toggle-visibility-btn:hover,.color-field .toggle-visibility-btn:hover,.form-field .toggle-visibility-btn:focus-visible,.color-field .toggle-visibility-btn:focus-visible{color:#1e293b;border-color:transparent}.form-field .character-count,.color-field .character-count{font-size:.75rem;color:#64748b;text-align:right;margin-top:4px}.color-field{align-items:flex-start}.color-field .color-input-wrapper{display:flex;align-items:center;gap:1rem}.color-field .color-input-wrapper .color-preview{width:40px;height:40px;border-radius:8px;border:1px solid #e2e8f0;flex-shrink:0}.color-field .color-input-wrapper .color-hex-input{width:260px;font-family:monospace}.color-field .color-input-wrapper .color-piker-native{width:40px;height:40px;padding:0;border:0;background:none;cursor:pointer}.image-upload-field{align-items:center}.image-upload-field .label-text{font-weight:600;color:#1e293b;text-align:center!important}.image-upload-field .upload-zone{position:relative;border:2px dashed #e2e8f0;border-radius:12px;padding:3rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;background:#f8fafc;width:100%}.image-upload-field .upload-zone:hover{border-color:#49b4a8;background:#49b4a805}.image-upload-field .upload-zone.dragging{border-color:#49b4a8;background:#49b4a814;border-style:solid}.image-upload-field .upload-zone.error{border-color:#ef4444;background:#ef444405}.image-upload-field .upload-zone.disabled{opacity:.6;cursor:not-allowed;border-style:solid;background:#f1f5f9}.image-upload-field .upload-zone.disabled:hover{border-color:#e2e8f0}.image-upload-field .upload-zone .file-input-hidden{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.image-upload-field .upload-zone .upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:1rem;color:#64748b}.image-upload-field .upload-zone .upload-placeholder .upload-icon{color:#49b4a8}.image-upload-field .upload-zone .upload-placeholder .upload-hint{font-size:.75rem;color:#94a3b8;margin-top:-4px}.image-upload-field .upload-zone .upload-placeholder .spinner{width:24px;height:24px;border:3px solid rgba(73,180,168,.2);border-top-color:#49b4a8;border-radius:50%;animation:spin .8s linear infinite}.image-upload-field .field-error{display:flex;align-items:center;gap:6px;color:#ef4444;font-size:.875rem;margin-top:4px;animation:shake .3s ease-in-out}.image-upload-field .image-preview-container{position:relative;width:200px;height:120px;overflow:hidden;border-radius:12px;border:1px solid #e2e8f0;display:flex;align-items:center;background:#e2e8f0}.image-upload-field .image-preview-container .image-preview{width:100%}.image-upload-field .image-preview-container .file-name{position:absolute;bottom:0;left:0;right:0;background:#000000b3;color:#fff;padding:4px 8px;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-upload-field .image-preview-container .remove-image-btn{position:absolute;top:8px;right:8px;background:#0009;color:#fff;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.image-upload-field .image-preview-container .remove-image-btn:hover{background:#000c}.card-text{text-align:left}.toggle-card{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:1rem;cursor:pointer;background:#fff;transition:all .3s cubic-bezier(.4,0,.2,1)}.toggle-card:hover{border-color:#49b4a8;transform:translateY(-2px);box-shadow:0 1px 3px #0000001a}.toggle-card.selected{border-color:#49b4a8;background:#49b4a80a;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.toggle-card.selected .card-check{color:#49b4a8}.toggle-card .card-content{display:flex;align-items:center;gap:1.5rem}.toggle-card .card-content .card-icon{color:#64748b}.toggle-card .card-content .card-text h3{margin:0;font-size:1.1rem;font-weight:600}.toggle-card .card-content .card-text p{margin:4px 0 0;color:#64748b;font-size:.875rem}.basicInfo{text-align:left;width:100%}.basicInfo .form-field,.basicInfo .color-field{align-items:self-start}.question-block{display:flex;flex-direction:column;gap:12px}.question-title{font-weight:500}.radio-group{display:flex;gap:24px;margin:1rem 0}.radio-option{display:flex;align-items:center;gap:8px;cursor:pointer}.radio-option input{display:none}.radio-custom{width:18px;height:18px;border:2px solid #cbd5e1;border-radius:50%;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.radio-option input:checked+.radio-custom{border-color:#49b4a8}.radio-option input:checked+.radio-custom:after{content:"";width:10px;height:10px;background:#49b4a8;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.radio-label{font-size:.875rem}.checkbox-option{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-option input{display:none}.checkbox-custom{width:18px;height:18px;border:2px solid #cbd5e1;border-radius:4px;position:relative;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);color:#fff}.checkbox-custom svg{opacity:0;transition:opacity .15s ease}.checkbox-option input:checked+.checkbox-custom{border-color:#49b4a8;background:#49b4a8}.checkbox-option input:checked+.checkbox-custom svg{opacity:1}.checkbox-label{font-size:.875rem}.step-grid{display:grid;gap:2rem}.section-title{font-size:1.1rem;font-weight:600;color:#1e293b;text-align:left;margin:0 0 1rem}.section-subtitle{display:block;font-size:.875rem;color:#64748b;text-align:left;margin-bottom:1rem}.question-text{display:block;text-align:left;color:#1e293b;margin-bottom:1rem}.form-section{margin-bottom:1.5rem}.checkbox-group{display:flex;gap:1.5rem;flex-wrap:wrap;padding-top:.5rem}.hero{text-align:center;padding:1rem 0}.hero-logo{width:250px;margin-bottom:1rem}.hero-title{font-size:3rem;line-height:1.15;margin:0 0 1.5rem;font-weight:800;background:linear-gradient(to right,#1e293b,#475569);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:1.25rem;color:#64748b;max-width:600px;margin:0 auto 3rem}.hero-footer{margin-top:2rem;font-size:.875rem;color:#94a3b8}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:3rem;text-align:left}.feature-card{background:#f8fafc;padding:1.5rem;border-radius:12px;border:1px solid #e2e8f0}.feature-card__icon{color:#49b4a8;margin-bottom:.5rem}.feature-card h3{font-size:1rem;font-weight:600;margin:0 0 4px}.feature-card p{font-size:.875rem;color:#64748b;margin:0}.preview-block{margin-top:1rem}.preview-label{display:block;font-size:.875rem;font-weight:600;color:#64748b;text-align:left;margin-bottom:1rem}.navbar-preview{padding:1rem 1.5rem;border-radius:8px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 3px #0000001a}.navbar-preview__brand{display:flex;align-items:center;gap:1rem}.navbar-preview__logo{max-height:40px;max-width:150px;object-fit:contain}.navbar-preview__placeholder{color:#fff;font-weight:700;font-size:1.1rem}.navbar-preview__avatar{width:32px;height:32px;border-radius:50%;background:#fff3;border:2px solid rgba(255,255,255,.3)}.portal-title-preview{margin:0}.preview-mockup{background:#1e293b;border-radius:12px;border:1px solid #334155;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;margin-bottom:2rem}.preview-mockup .mockup-header{background:#0f172a;padding:12px 1rem;display:flex;align-items:center;gap:8px;border-bottom:1px solid #334155}.preview-mockup .mockup-dots{display:flex;gap:6px}.preview-mockup .mockup-dots span{width:12px;height:12px;border-radius:50%}.preview-mockup .mockup-dots span:nth-child(1){background:#ef4444}.preview-mockup .mockup-dots span:nth-child(2){background:#f59e0b}.preview-mockup .mockup-dots span:nth-child(3){background:#22c55e}.preview-mockup .mockup-url{flex:1;background:#1e293b;border-radius:6px;margin:0 1rem;padding:4px 12px;font-size:.75rem;color:#94a3b8;text-align:center;font-family:monospace}.preview-mockup .mockup-content{height:350px;display:flex;background:#fff}.preview-mockup .hero-column{flex:1.2;position:relative;background-size:cover;background-position:center;transition:background-image .3s ease}.preview-mockup .hero-column:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 60%,rgba(0,0,0,.7) 100%)}.preview-mockup .hero-column__text{position:absolute;bottom:30px;left:30px;right:30px;z-index:1;color:#fff;font-size:1.7rem;font-weight:700;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.3);margin:0;white-space:pre-line}.preview-mockup .form-column{flex:.8;position:relative;background:#f8fafc;display:flex;flex-direction:column;padding:20px;gap:.5rem}.preview-mockup .form-column__logo{width:150px}.preview-mockup .form-column h3{font-size:1.5rem;color:#1e293b;margin:.5rem 0;font-weight:700}.preview-mockup .form-column p{color:#64748b;font-size:.775rem;margin:.5rem 0}.preview-mockup .form-column__fields{display:flex;flex-direction:column;gap:.5rem}.preview-mockup .form-column__input{height:36px;border:1px solid #e2e8f0;border-radius:6px;background:#fff}.preview-mockup .form-column__submit{height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:11px}.preview-mockup .form-column__footer{margin-top:auto;padding-top:2rem;display:flex;align-items:center;justify-content:center;gap:4px;font-size:10px;color:#94a3b8}.preview-mockup .form-column__footer strong{font-weight:700;color:#64748b}.module-select-list{display:grid;gap:.75rem}.module-select-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-radius:8px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.module-select-item:hover{border-color:#49b4a8}.module-select-item.selected{border-color:#49b4a8;background:#49b4a80f}.module-select-item__icon{display:flex;margin-right:1rem;color:#94a3b8}.module-select-item.selected .module-select-item__icon{color:#49b4a8}.module-select-item__label{flex:1;text-align:left;font-weight:500;color:#64748b}.module-select-item.selected .module-select-item__label{color:#1e293b}.module-select-item__check{width:20px;height:20px;border-radius:4px;border:2px solid #cbd5e1;display:flex;align-items:center;justify-content:center;color:#fff}.module-select-item.selected .module-select-item__check{border-color:#49b4a8;background:#49b4a8}.module-select-item__count{font-size:.75rem;color:#94a3b8;margin-right:1rem;white-space:nowrap}.module-select-item__chevron{display:flex;color:#94a3b8}.module-select-sublist{display:grid;gap:.5rem;padding-left:2rem;margin-top:.75rem}.summary-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden}.summary-card__header{background:#f8fafc;padding:1rem 1.5rem;border-bottom:1px solid #e2e8f0}.summary-card__header h3{margin:0;font-size:1rem;color:#1e293b}.summary-card__body{padding:1.5rem}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.summary-field__label{margin:0 0 .5rem;font-size:.875rem;color:#64748b}.summary-field__value{margin:0;font-weight:600;color:#1e293b}.summary-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.tag-pill{background:#49b4a814;color:#3c9e93;border:1px solid rgba(73,180,168,.25);padding:.25rem 1rem;border-radius:999px;font-size:.75rem;font-weight:500}.tag-pill-empty{color:#94a3b8;font-size:.875rem}.warning-card{background:#fffbeb;border-radius:12px;border:1px solid #fef3c7;padding:1.5rem}.warning-card h3{margin:0 0 1rem;font-size:1rem;color:#92400e}.warning-card p{margin:0;font-size:.875rem;color:#92400e;text-align:left}.success-content{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:2rem 0}.icon-circle{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center}.icon-circle--success{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 10px 25px #22c55e4d}.success-description{color:#64748b;text-align:center;max-width:500px;line-height:1.6;margin:0}.status-banner{width:100%;max-width:500px;padding:1rem;border-radius:8px;background:#f8fafc;border:1px solid #e2e8f0;display:flex;align-items:center;gap:.75rem}.status-banner svg{flex-shrink:0;color:#49b4a8}.status-banner p{margin:0;font-size:.875rem;color:#64748b}.status-banner__hint{display:block;font-size:.75rem;color:#94a3b8;margin-top:2px}.status-banner--success{background:#22c55e0f;border-color:#22c55e}.status-banner--success svg{color:#22c55e}.status-banner--success p{color:#16a34a}.status-banner--error{background:#ef44440f;border-color:#ef4444}.status-banner--error svg{color:#ef4444}.status-banner--error p{color:#dc2626}.icon-spin{animation:spin 1s linear infinite}.success-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.auth-form{display:flex;flex-direction:column;width:100%;text-align:left}.auth-form .btn-cta{align-self:center;margin-top:1rem}.auth-links{display:flex;justify-content:center;margin-top:1rem;font-size:.875rem}.auth-links a{color:#49b4a8;font-weight:600;text-decoration:none}.auth-links a:hover{text-decoration:underline}.auth-banner{border-radius:8px;padding:1rem;margin-bottom:1.5rem;font-size:.875rem;text-align:left}.auth-banner.info{background:#f1f5f9;color:#1e293b}.auth-banner.success{background:#22c55e1a;color:#16a34a}.auth-banner.error{background:#ef444414;color:#dc2626}.admin-layout{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:stretch;text-align:left}.admin-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:#fff;border-bottom:1px solid #e2e8f0}.admin-header__brand{font-weight:700;color:#1e293b;text-decoration:none;font-size:1.1rem}.admin-content{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:2rem;display:flex;flex-direction:column;gap:2rem}.admin-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.admin-stat-tile{display:flex;flex-direction:column;gap:.15rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;text-align:center}.admin-stat-tile__value{font-size:2rem;font-weight:700;color:#1e293b;line-height:1.1}.admin-stat-tile__label{font-size:.75rem;color:#64748b}.admin-stat-tile--total{background:#49b4a814;border-color:#49b4a84d}.admin-stat-tile--total .admin-stat-tile__value{color:#3c9e93}.admin-panel{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:2rem;display:flex;flex-direction:column;gap:1rem}.admin-panel h2{margin:0 0 .5rem;font-size:1.25rem;color:#1e293b}.admin-invite-form{display:flex;align-items:flex-end;gap:1rem}.admin-invite-form .form-field{flex:1}.admin-table-wrapper{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:.875rem}.admin-table th,.admin-table td{text-align:left;padding:.5rem 1rem;border-bottom:1px solid #e2e8f0;white-space:nowrap}.admin-table th{color:#64748b;font-weight:600}.admin-table__actions{display:flex;gap:.5rem;align-items:center}.admin-table__actions a{color:#49b4a8;font-weight:600}.admin-table__actions button{padding:.35em .8em;font-size:.75rem}.btn-secondary{background:#f1f5f9;color:#1e293b}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-danger{color:#dc2626}.admin-pagination{display:flex;align-items:center;gap:1rem;justify-content:center;margin-top:1rem}.admin-detail__email{color:#64748b;margin:0 0 .5rem}.admin-detail__status-row{display:flex;flex-wrap:wrap;gap:1.5rem;font-size:.875rem;margin:0}.admin-json-viewer{background:#f1f5f9;border-radius:8px;padding:1rem;overflow-x:auto;font-size:.75rem;max-height:60vh}:root{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color:#1e293b;background-color:#f8fafc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%;margin:0 auto;text-align:center}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}button:hover{border-color:#49b4a8}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}*{box-sizing:border-box}