@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}:root{--primary: #000000;--primary-hover: #333333;--background: #ffffff;--foreground: #1a202c;--muted: #64748b;--muted-foreground: #94a3b8;--border: #e2e8f0;--input: #ffffff;--ring: #3b82f6;--radius: .5rem;--success: #22c55e;--error: #ef4444;--card: #f8fafc;--card-foreground: #1a202c}[data-theme=dark]{--background: #1a1a1a;--foreground: #ffffff;--muted: #a0aec0;--muted-foreground: #cbd5e1;--border: #404040;--input: #2a2a2a;--card: #2a2a2a;--card-foreground: #ffffff;--primary: #0091ff;--primary-hover: #0077cc}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;display:block;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--background);color:var(--foreground);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-input{width:100%;padding:.75rem .875rem;border:1.5px solid var(--border);border-radius:var(--radius);background-color:var(--input);color:var(--foreground);font-size:1rem;font-family:Inter,sans-serif;line-height:1.5;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (min-width: 768px){.form-input{padding:.625rem .875rem;font-size:.875rem}}.form-input:focus{outline:none;border-color:var(--ring);box-shadow:0 0 0 2px #3b82f640}[data-theme=dark] .form-input:focus{border-color:#0091ff;box-shadow:0 0 0 2px #0091ff40}.form-input:disabled{background-color:var(--card);cursor:not-allowed;opacity:.7}.form-input[readonly],.readonly-input{background-color:#f1f5f9;border:1px solid var(--border);color:#64748b;cursor:not-allowed;opacity:.9}.form-input::placeholder{color:var(--muted-foreground)}.form-input:hover:not(:disabled):not([readonly]){border-color:var(--muted)}[data-theme=dark] .form-input{background-color:#232323;border-color:#505050}[data-theme=dark] .form-input:hover:not(:disabled):not([readonly]){border-color:#606060}select.form-input{padding-right:2.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%2364748b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .875rem center;background-size:1.25rem;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer}[data-theme=dark] select.form-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%23a0aec0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.form-input.border-red-500,select.form-input.border-red-500{border-color:#ef4444}[data-theme=dark] .form-input.border-red-500,[data-theme=dark] select.form-input.border-red-500{border-color:#dc2626}.form-input.border-red-500:focus,select.form-input.border-red-500:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 2px #ef444426}.form-error{color:var(--error);font-size:.75rem;margin-top:.375rem}.button{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.25rem;font-size:1rem;font-weight:500;font-family:Inter,sans-serif;line-height:1.5;border-radius:var(--radius);transition:all .2s ease-in-out;cursor:pointer;white-space:nowrap}@media (min-width: 768px){.button{padding:.625rem 1.25rem;font-size:.875rem}}.button:disabled{opacity:.7;cursor:not-allowed}.button-primary{background-color:var(--primary);color:#fff;border:2px solid var(--primary)}.button-primary:hover:not(:disabled){background-color:var(--primary-hover)}[data-theme=dark] .button-primary{background-color:transparent;color:var(--primary);border:2px solid var(--primary)}[data-theme=dark] .button-primary:hover:not(:disabled){background-color:var(--primary);color:#fff}.button-secondary{background-color:transparent;color:var(--foreground);border:1px solid var(--border)}.button-secondary:hover:not(:disabled){background-color:var(--card)}.alert{padding:1rem;border-radius:var(--radius);margin-bottom:1.5rem}.alert-error{background-color:#ef44441a;border:1px solid rgba(239,68,68,.2)}.alert-title{font-weight:600;margin-bottom:.25rem;color:var(--error)}.alert-description{font-size:.875rem;color:var(--error);opacity:.8}.container{max-width:1200px;margin:0 auto;padding:0 1rem}@media (min-width: 768px){.container{padding:0 2rem}}@media (min-width: 1024px){.container{padding:0 3rem}}@media (min-width: 1440px){.container{max-width:1200px;padding:0 3rem}}.header{padding:1.5rem 0;border-bottom:1px solid var(--border);margin-bottom:1.5rem}.header h1{font-size:1.5rem;font-weight:700;text-align:center;margin-bottom:.5rem}.header p{text-align:center;color:var(--muted);font-size:.875rem}@media (min-width: 768px){.header{padding:2rem 0;margin-bottom:2.5rem}.header h1{font-size:2rem;margin-bottom:.75rem}.header p{font-size:1rem}}.footer{padding:2rem 0;border-top:1px solid var(--border);margin-top:3rem;text-align:center;font-size:.875rem;color:var(--muted)}.footer-content{display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center}.footer-text{margin:0}.footer-actions{display:flex;align-items:center;gap:1rem}.mobile-progress-bar-compact{display:block;margin-bottom:0;overflow:visible}.mobile-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:.75rem}.mobile-step-title{font-size:.75rem;font-weight:600;color:var(--muted);line-height:1.3;margin:0;flex:1;min-width:0;text-transform:uppercase;letter-spacing:.05em}.mobile-total-cost{font-size:.75rem;font-weight:600;color:var(--muted);white-space:nowrap;flex-shrink:0;padding:.25rem .625rem;background-color:transparent;border-radius:.25rem;border:1px solid var(--border)}[data-theme=dark] .mobile-total-cost{background-color:transparent;border-color:var(--border)}.mobile-progress-track{position:relative;height:6px;background-color:var(--border);border-radius:999px;overflow:visible;margin-bottom:0;padding-bottom:.75rem}[data-theme=dark] .mobile-progress-track{background-color:#ffffff1a}.mobile-progress-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#0091ff,#00b4ff);border-radius:999px;transition:width .4s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .mobile-progress-fill{background:linear-gradient(90deg,#0091ff,#00d4ff)}.mobile-progress-dots{position:absolute;top:0;left:.625rem;width:calc(100% - 1.25rem);height:100%}.mobile-progress-dot{position:absolute;top:50%;transform:translate(-50%,-50%);width:1.25rem;height:1.25rem;border-radius:50%;background-color:#fff;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:3}[data-theme=dark] .mobile-progress-dot{background-color:var(--background);border-color:#fff3}.mobile-progress-dot.active{background-color:#0091ff;border-color:#0091ff;width:1.5rem;height:1.5rem;box-shadow:0 0 0 3px #0091ff33;border-width:2.5px;color:#fff}.mobile-progress-dot.completed{background-color:#22c55e;border-color:#22c55e;color:#fff;border-width:2px}.mobile-dot-number{font-size:.625rem;font-weight:700;color:var(--muted)}.mobile-progress-dot.active .mobile-dot-number{color:#fff}.mobile-dot-check{width:.875rem;height:.875rem}.mobile-progress-with-title{display:flex;align-items:center;gap:.875rem;margin-bottom:1.25rem}.mobile-step-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--foreground);white-space:nowrap;flex-shrink:0;min-width:fit-content}.mobile-progress-with-title .mobile-progress-track{flex:1;margin-bottom:0;padding-bottom:0}.mobile-progress-divider{width:100%;height:1px;background-color:var(--border);margin:1rem 0 1.25rem}.mobile-total-cost-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:0;padding:0}.mobile-total-cost-header.clickable{display:flex;align-items:center;justify-content:space-between;width:100%;background:transparent;border:none;padding:0;cursor:pointer;transition:opacity .2s ease;margin-bottom:0}.mobile-total-cost-header.clickable:hover{opacity:.8}.mobile-total-cost-header.clickable:active{opacity:.6}.mobile-total-cost-label{font-size:.875rem;font-weight:600;color:var(--foreground)}.mobile-total-cost-amount-wrapper{display:flex;align-items:center;gap:.5rem}.mobile-total-cost-amount{font-size:1rem;font-weight:700;color:var(--primary)}.mobile-cost-chevron{flex-shrink:0;color:var(--muted-foreground);transition:transform .2s ease}.mobile-cost-chevron.expanded{transform:rotate(180deg)}.mobile-cost-breakdown{margin-top:1rem;padding:1rem;background:var(--card);border:1px solid var(--border);border-radius:.5rem;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-cost-formula{display:flex;flex-direction:column;gap:.25rem;padding-bottom:.75rem;margin-bottom:.75rem;border-bottom:1px solid var(--border);font-size:.875rem;color:var(--muted-foreground)}.mobile-cost-items{display:flex;flex-direction:column;gap:.5rem}.mobile-cost-row{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.mobile-cost-row span:first-child{color:var(--muted-foreground);font-weight:500}.mobile-cost-row span:last-child{color:var(--foreground);font-weight:600}.mobile-cost-row.discount span:last-child{color:#10b981}.desktop-total-cost{display:none}@media (min-width: 768px){.desktop-total-cost{display:block}}.language-switcher{display:flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:.5rem;background-color:var(--card);border:1px solid var(--border);transition:all .2s ease}.language-switcher:hover{border-color:var(--primary)}.language-switcher-icon{width:1rem;height:1rem;color:var(--muted)}.language-button{background:none;border:none;padding:.25rem .5rem;font-size:.875rem;font-weight:500;color:var(--muted);cursor:pointer;border-radius:.25rem;transition:all .2s ease;display:flex;align-items:center;gap:.25rem}.language-button:hover{color:var(--foreground);background-color:var(--accent)}.language-button.active{color:var(--primary);font-weight:600}.language-divider{color:var(--border);font-size:.875rem}@media (min-width: 768px){.footer-content{flex-direction:row;justify-content:space-between}.footer-text{text-align:left}}.multi-step-form{display:flex;flex-direction:column;gap:2rem;max-width:100%;margin:0 auto}@media (min-width: 768px){.multi-step-form{flex-direction:row;align-items:flex-start;gap:2rem}}@media (min-width: 1024px){.multi-step-form{gap:2.5rem}}.sidebar{background-color:var(--card);border-radius:0;padding:1.25rem;box-shadow:0 2px 12px #0000000f;margin-bottom:0;margin-left:-1rem;margin-right:-1rem;margin-top:-2rem;border:1px solid var(--border)}@media (min-width: 768px){.sidebar{width:280px;flex-shrink:0;padding:1.5rem;margin:0;border-radius:.875rem;box-shadow:0 2px 8px #0000000a;border:1px solid var(--border);position:sticky;top:2rem;max-height:calc(100vh - 4rem);overflow-y:auto}}@media (min-width: 1024px){.sidebar{width:320px;padding:2rem}}.form-content{flex:1;border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;background-color:var(--background);box-shadow:0 1px 3px #0000000d;min-width:0}@media (min-width: 768px){.form-content{padding:2rem;max-width:calc(100% - 280px - 2rem)}}@media (min-width: 1024px){.form-content{padding:2.5rem;max-width:780px}}.step-item{display:flex;align-items:center;padding:.75rem 1rem;border-radius:var(--radius);transition:background-color .15s ease-in-out;margin-bottom:.5rem}.step-item.active{background-color:#0000000d}[data-theme=dark] .step-item.active{background-color:#ffffff14}.step-number{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:9999px;margin-right:.875rem;font-size:.75rem;font-weight:600;background-color:var(--card);border:1px solid var(--border);color:var(--muted)}.step-number.active{background-color:var(--primary);border-color:var(--primary);color:#fff}.step-number.completed{background-color:var(--success);border-color:var(--success);color:#fff}.step-title{font-size:.875rem;font-weight:500}.grid{display:grid;gap:1.5rem}.grid-cols-1{grid-template-columns:1fr}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.border-t{border-top:1px solid var(--border)}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-center{text-align:center}.text-right{text-align:right}.rounded-lg{border-radius:var(--radius)}.bg-gray-50{background-color:var(--card)}[data-theme=dark] .bg-gray-50{background-color:#ffffff08}.text-gray-500,.text-gray-600{color:var(--muted)}.text-green-600{color:var(--success)}.w-full{width:100%}.w-24{width:6rem}.flex-1{flex:1}.space-y-2>*+*{margin-top:.5rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.relative{position:relative}.absolute{position:absolute}.left-3{left:.75rem}.top-1\/2{top:50%}.-translate-y-1\/2{transform:translateY(-50%)}.pl-10{padding-left:2.5rem}.animate-spin{animation:spin 1s linear infinite}.min-h-screen{min-height:100vh}@media (max-width: 767px){.sidebar .space-y-2{display:none}}.section-card{background-color:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000000d;transition:box-shadow .2s ease}@media (min-width: 768px){.section-card{padding:1.75rem}}@media (min-width: 1024px){.section-card{padding:2rem;margin-bottom:2rem}}.section-card:hover{box-shadow:0 4px 6px #00000012}[data-theme=dark] .section-card{background-color:var(--card);box-shadow:0 1px 3px #0003}[data-theme=dark] .section-card:hover{box-shadow:0 4px 6px #0000004d}.section-header{display:flex;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.section-icon{font-size:1.5rem;margin-right:.75rem;flex-shrink:0}.section-title{font-size:1rem;font-weight:600;color:var(--foreground);flex:1}.section-badge{font-size:.75rem;padding:.25rem .5rem;background-color:var(--success);color:#fff;border-radius:9999px;font-weight:500}.input-wrapper{position:relative;width:100%}.input-with-validation{padding-right:2.5rem}.validation-icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;pointer-events:none}.validation-icon.valid{color:var(--success)}.validation-icon.invalid{color:var(--error)}.helper-text{display:block;font-size:.75rem;color:var(--muted);margin-top:.375rem}.helper-text.error{color:var(--error)}.char-counter{font-size:.75rem;color:var(--muted);text-align:right;margin-top:.25rem}.char-counter.warning{color:#f59e0b}.char-counter.error{color:var(--error)}.floating-label-group{position:relative;margin-bottom:1.5rem}.floating-label{position:absolute;left:.875rem;top:.75rem;font-size:1rem;color:var(--muted-foreground);transition:all .2s ease;pointer-events:none;background-color:var(--input);padding:0 .25rem}.floating-input{width:100%;padding:.75rem .875rem;border:1px solid var(--border);border-radius:var(--radius);background-color:var(--input);color:var(--foreground);font-size:1rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.floating-input:focus{outline:none;border-color:var(--ring);box-shadow:0 0 0 2px #3b82f640}[data-theme=dark] .floating-input:focus{border-color:#0091ff;box-shadow:0 0 0 2px #0091ff40}.floating-input:focus+.floating-label,.floating-input:not(:placeholder-shown)+.floating-label{top:-.5rem;font-size:.75rem;color:var(--ring);font-weight:500}[data-theme=dark] .floating-input:focus+.floating-label,[data-theme=dark] .floating-input:not(:placeholder-shown)+.floating-label{color:#0091ff}.info-box{padding:1rem;border-radius:var(--radius);border:1px solid var(--border);background-color:var(--card);margin-top:.75rem}.info-box.success{background-color:#22c55e1a;border-color:var(--success)}.info-box.warning{background-color:#f59e0b1a;border-color:#f59e0b}.info-box.info{background-color:#3b82f61a;border-color:var(--ring)}[data-theme=dark] .info-box.success{background-color:#22c55e26}[data-theme=dark] .info-box.warning{background-color:#f59e0b26}[data-theme=dark] .info-box.info{background-color:#3b82f626}.price-card{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);color:#fff;padding:1.5rem;border-radius:var(--radius);margin-top:1rem}[data-theme=dark] .price-card{background:linear-gradient(135deg,#0091ff,#07c)}.price-label{font-size:.875rem;opacity:.9;margin-bottom:.5rem}.price-amount{font-size:2rem;font-weight:700;letter-spacing:-.025em}.option-button{padding:1rem;border:2px solid var(--border);border-radius:var(--radius);background-color:var(--background);cursor:pointer;transition:all .2s ease;text-align:center}.option-button:hover{border-color:var(--ring);background-color:var(--card)}.option-button.selected{border-color:var(--ring);background-color:#3b82f61a;font-weight:600}[data-theme=dark] .option-button:hover{border-color:#0091ff}[data-theme=dark] .option-button.selected{border-color:#0091ff;background-color:#0091ff26}.review-card{background-color:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.5rem}.review-item{display:flex;align-items:flex-start;margin-bottom:.75rem}.review-item:last-child{margin-bottom:0}.review-icon{margin-right:.75rem;flex-shrink:0;color:var(--muted)}.review-content{flex:1}.review-label{font-size:.75rem;color:var(--muted);margin-bottom:.25rem}.review-value{font-size:.875rem;color:var(--foreground);font-weight:500}.cost-breakdown{background-color:var(--background);border:2px solid var(--border);border-radius:var(--radius);padding:1.5rem;margin:1.5rem 0}.cost-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border)}.cost-item:last-child{border-bottom:none}.cost-item.total{border-top:2px solid var(--border);padding-top:1rem;margin-top:.5rem;font-weight:700;font-size:1.125rem}.cost-label{color:var(--foreground)}.cost-value{font-weight:600;color:var(--foreground)}.cost-discount{color:var(--success)}.slider-container{margin:1.5rem 0}.slider-input{width:100%;height:6px;border-radius:9999px;background:var(--border);outline:none;-webkit-appearance:none}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--primary);cursor:pointer;box-shadow:0 2px 4px #0003}.slider-input::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--primary);cursor:pointer;border:none;box-shadow:0 2px 4px #0003}[data-theme=dark] .slider-input::-webkit-slider-thumb{background:#0091ff}[data-theme=dark] .slider-input::-moz-range-thumb{background:#0091ff}.slider-labels{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.75rem;color:var(--muted)}.edit-button{font-size:.875rem;color:var(--ring);background:none;border:1px solid var(--ring);padding:.5rem 1rem;border-radius:var(--radius);cursor:pointer;transition:all .2s ease}.edit-button:hover{background-color:var(--ring);color:#fff}[data-theme=dark] .edit-button{color:#0091ff;border-color:#0091ff}[data-theme=dark] .edit-button:hover{background-color:#0091ff;color:#fff}.desktop-sidebar-header{display:none}@media (min-width: 768px){.desktop-sidebar-header{display:block;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}}.sidebar-header{display:flex;flex-direction:column;gap:.5rem}.sidebar-header-title{font-size:1.25rem;font-weight:700;color:var(--foreground);line-height:1.3;margin:0}.sidebar-header-tagline{font-size:.875rem;color:var(--muted);line-height:1.4;margin:0}.desktop-steps{display:none}@media (min-width: 768px){.desktop-steps{display:block}}.mobile-app-header{display:block;margin-bottom:.75rem}@media (min-width: 768px){.mobile-app-header{display:none}}.mobile-app-title{font-size:1.25rem;font-weight:700;color:var(--foreground);line-height:1.3;margin:0 0 .375rem}.mobile-app-tagline{font-size:.875rem;color:var(--muted);line-height:1.4;margin:0}.mobile-header-divider{height:1px;background-color:var(--border);margin:1rem 0 .875rem}@media (min-width: 768px){.mobile-progress-bar-compact{display:none}}@media (max-width: 767px){.sidebar{position:sticky;top:0;z-index:10;margin-bottom:1rem;border-radius:0 0 var(--radius) var(--radius)}}.method-selection-container{max-width:1000px;margin:0 auto;padding:2rem 1rem}.method-selection-header{text-align:center;margin-bottom:3rem}.method-selection-title{font-size:1.75rem;font-weight:700;color:var(--foreground);margin:0 0 .75rem;line-height:1.3}@media (min-width: 768px){.method-selection-title{font-size:2rem}}.method-selection-subtitle{font-size:1rem;color:var(--muted);margin:0;line-height:1.6}.method-cards-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem}@media (min-width: 768px){.method-cards-grid{grid-template-columns:1fr 1fr;gap:1.5rem}}.method-card{position:relative;border-radius:1rem;transition:all .3s ease;cursor:pointer;padding:0}.method-card-primary{border:2px solid #0091ff;background:var(--card)}.method-card-primary:hover{border-color:#07c;transform:translateY(-2px);box-shadow:0 8px 16px #0091ff26}[data-theme=dark] .method-card-primary:hover{box-shadow:0 8px 16px #0091ff4d}.method-card-secondary{border:2px solid var(--border);background:var(--card)}.method-card-secondary:hover{border-color:var(--muted);transform:translateY(-2px);box-shadow:0 8px 16px #00000014}[data-theme=dark] .method-card-secondary:hover{box-shadow:0 8px 16px #0000004d}.method-card-content{position:relative;padding:2rem;height:100%;border-radius:1rem;background:transparent}.method-card-badge{position:absolute;top:1.25rem;right:1.25rem;display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#78350f;font-size:.6875rem;font-weight:700;letter-spacing:.05em;border-radius:9999px;box-shadow:0 2px 8px #fbbf244d}.badge-icon{font-size:.875rem}.badge-text{text-transform:uppercase}.method-card-content{display:flex;flex-direction:column;gap:1.25rem;height:100%;min-height:450px}.method-card-icon{width:4rem;height:4rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.method-card-icon-primary{background:linear-gradient(135deg,#0091ff,#07c);color:#fff;box-shadow:0 6px 16px #0091ff59}.method-card-icon-secondary{background:linear-gradient(135deg,#94a3b8,#64748b);color:#fff;box-shadow:0 6px 16px #94a3b840}.method-card-title{font-size:1.375rem;font-weight:700;color:var(--foreground);margin:0;line-height:1.3}[data-theme=dark] .method-card-title{color:#fff}.method-card-description{font-size:1rem;color:var(--muted);margin:0;line-height:1.6}[data-theme=dark] .method-card-description{color:#9ca3af}.method-card-benefits{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.method-benefit-item{display:flex;align-items:center;gap:.875rem;font-size:.9375rem;color:var(--foreground)}[data-theme=dark] .method-benefit-item{color:#d1d5db}.benefit-icon{width:1.375rem;height:1.375rem;flex-shrink:0;color:#10b981}[data-theme=dark] .benefit-icon{color:#34d399}.benefit-text{line-height:1.5}.method-card-cta{width:100%;padding:1rem 1.75rem;border:none;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.625rem;margin-top:auto}.method-card-cta-primary{background:linear-gradient(135deg,#0091ff,#07c);color:#fff;box-shadow:0 4px 12px #0091ff4d}.method-card-cta-primary:hover{background:linear-gradient(135deg,#07c,#0060a8);box-shadow:0 8px 20px #0091ff66;transform:translateY(-2px)}.method-card-cta-primary:active{transform:translateY(0);box-shadow:0 2px 8px #0091ff4d}.method-card-cta-secondary{background:transparent;color:var(--foreground);border:2px solid var(--border)}[data-theme=dark] .method-card-cta-secondary{background:transparent;border-color:#94a3b84d;color:var(--foreground)}.method-card-cta-secondary:hover{background:var(--foreground);color:var(--background);border-color:var(--foreground);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}[data-theme=dark] .method-card-cta-secondary:hover{background:#fff;color:#0a0a0a;border-color:#fff;box-shadow:0 4px 12px #fff3}.method-card-cta-secondary:active{transform:translateY(0);box-shadow:0 2px 8px #0000001a}.cta-icon{width:1.25rem;height:1.25rem}.method-selection-notice{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.125rem 1.25rem;background:linear-gradient(135deg,#3b82f60f,#3b82f608);border:1.5px solid rgba(59,130,246,.25);border-radius:.875rem;color:var(--muted);font-size:.9375rem;box-shadow:0 2px 8px #3b82f614}[data-theme=dark] .method-selection-notice{background:linear-gradient(135deg,#3b82f61f,#3b82f60d);box-shadow:0 2px 8px #3b82f626}.notice-icon{width:1.375rem;height:1.375rem;flex-shrink:0;color:#3b82f6}.method-selection-notice p{margin:0;line-height:1.6}.google-form-flow-container,.manual-flow-container{max-width:900px;margin:0 auto;padding:1.5rem 1rem}.flow-header{margin-bottom:2rem}.back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid var(--border);border-radius:.5rem;color:var(--muted);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:1rem}.back-button:hover{background:var(--card);color:var(--foreground);border-color:var(--muted)}.flow-title{font-size:1.5rem;font-weight:700;color:var(--foreground);margin:0;line-height:1.3}@media (min-width: 768px){.flow-title{font-size:1.75rem}}.flow-content{display:flex;flex-direction:column;gap:1.5rem}.info-card{display:flex;gap:1rem;padding:1.5rem;border-radius:.75rem;border:2px solid}.info-card-primary{background:linear-gradient(135deg,#0091ff0d,#0091ff05);border-color:#0091ff4d}[data-theme=dark] .info-card-primary{background:linear-gradient(135deg,#0091ff1a,#0091ff08)}.info-card-secondary{background:#94a3b80d;border-color:var(--border)}.info-card-icon{width:3rem;height:3rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:.75rem;background:linear-gradient(135deg,#0091ff,#07c);color:#fff}.info-card-secondary .info-card-icon{background:var(--muted-foreground)}.info-card-content{flex:1}.info-card-title{font-size:1.125rem;font-weight:600;color:var(--foreground);margin:0 0 .5rem}.info-card-description{font-size:.9375rem;color:var(--muted);margin:0 0 .75rem;line-height:1.6}.info-card-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.375rem;font-size:.875rem;color:var(--muted)}.privacy-notice{display:flex;align-items:center;gap:.625rem;padding:.875rem 1rem;background:#94a3b80d;border:1px solid var(--border);border-radius:.5rem;font-size:.875rem;color:var(--muted)}.privacy-icon{width:1.125rem;height:1.125rem;flex-shrink:0;color:var(--muted-foreground)}.privacy-text{margin:0}.privacy-link{color:#0091ff;text-decoration:underline;font-weight:500}.privacy-link:hover{color:#07c}.success-banner{display:flex;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#10b98114,#10b98108);border:2px solid rgba(16,185,129,.3);border-radius:.75rem}.success-banner-icon{width:3rem;height:3rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:999px;background:#10b981;color:#fff}.success-banner-content{flex:1}.success-banner-title{font-size:1.125rem;font-weight:600;color:var(--foreground);margin:0 0 .375rem}.success-banner-description{font-size:.9375rem;color:var(--muted);margin:0}.import-summary-card{background:var(--card);border:1px solid var(--border);border-radius:.75rem;padding:1.5rem}.import-summary-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.import-summary-icon{color:#0091ff;flex-shrink:0}.import-summary-title{font-size:1.125rem;font-weight:600;color:var(--foreground);margin:0;line-height:1.4}.import-summary-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.import-stat{padding:1rem;background:var(--background);border-radius:.5rem;border:1px solid var(--border)}.import-stat-label{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.375rem}.import-stat-value{font-size:1.5rem;font-weight:700;color:var(--foreground)}.import-stat-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#10b9811a;color:#10b981;font-size:.8125rem;font-weight:600;border-radius:999px}.personal-data-warning{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem 1rem;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:.5rem;color:#f59e0b;font-size:.875rem;font-weight:500}.preview-card{background:var(--card);border:1px solid var(--border);border-radius:.75rem;padding:1.5rem}.preview-card-title{font-size:1rem;font-weight:600;color:var(--foreground);margin:0 0 1.25rem}.preview-field-group{margin-bottom:1.25rem}.preview-field-group:last-child{margin-bottom:0}.preview-field-label{display:flex;align-items:center;justify-content:space-between;font-size:.875rem;font-weight:500;color:var(--foreground);margin-bottom:.5rem}.read-only-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#94a3b81a;color:var(--muted);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:.25rem}.preview-field-value{padding:.75rem 1rem;background:var(--background);border:1px solid var(--border);border-radius:.5rem;font-size:.9375rem;color:var(--foreground);line-height:1.6}.readonly-field{background:#94a3b80d;border-style:dashed;color:var(--muted)}.change-method-section{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;background:#f59e0b0d;border:1px solid rgba(245,158,11,.2);border-radius:.75rem}.change-method-notice{display:flex;align-items:center;gap:.5rem;color:#f59e0b;font-size:.875rem;font-weight:500}.change-method-actions{display:flex;gap:.75rem;flex-wrap:wrap}.change-method-button{padding:.625rem 1.25rem;background:transparent;border:1.5px solid var(--border);border-radius:.5rem;color:var(--foreground);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.change-method-button:hover{background:var(--muted-foreground);color:#fff;border-color:var(--muted-foreground)}.form-actions{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border)}.form-submit-button{width:100%;max-width:400px;padding:1rem 2rem;background:linear-gradient(135deg,#0091ff,#07c);color:#fff;border:none;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0091ff33}.form-submit-button:hover:not(:disabled){background:linear-gradient(135deg,#07c,#0060a8);transform:translateY(-2px);box-shadow:0 6px 20px #0091ff66}.form-submit-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.form-helper-text{font-size:.875rem;color:var(--muted);text-align:center;margin:0}.switch-method-section{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 1rem;border-top:1px solid var(--border);margin-top:1rem}.switch-method-text{font-size:.875rem;color:var(--muted);margin:0}.switch-method-link{color:#0091ff;font-size:.9375rem;font-weight:600;background:none;border:none;cursor:pointer;text-decoration:underline;padding:0}.switch-method-link:hover{color:#07c}.form-section{background:var(--card);border:1px solid var(--border);border-radius:.75rem;padding:1.5rem;margin-top:1.5rem}.form-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.form-section-title{font-size:1.125rem;font-weight:600;color:var(--foreground);margin:0 0 .5rem}.form-section-description{font-size:.875rem;color:var(--muted);margin:0 0 1.25rem;line-height:1.6}.required-indicator{font-size:.75rem;color:var(--muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.url-input-group{display:flex;gap:.75rem}.url-input{flex:1;padding:.75rem 1rem;border:2px solid var(--border);border-radius:.5rem;background:var(--input);color:var(--foreground);font-size:.9375rem;transition:all .2s ease}.url-input:focus{outline:none;border-color:#0091ff;box-shadow:0 0 0 3px #0091ff1a}.preview-button{padding:.75rem 1.5rem;background:linear-gradient(135deg,#0091ff,#07c);color:#fff;border:none;border-radius:.5rem;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;white-space:nowrap}.preview-button:hover:not(:disabled){background:linear-gradient(135deg,#07c,#0060a8);box-shadow:0 4px 12px #0091ff4d}.preview-button:disabled{opacity:.5;cursor:not-allowed}.url-helper-text{font-size:.8125rem;color:var(--muted);margin:.5rem 0 0}.form-fields-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:.25rem}@media (min-width: 768px){.form-fields-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}.form-field{display:flex;flex-direction:column}.form-field-full{grid-column:1 / -1}.form-field-label{font-size:.875rem;font-weight:500;color:var(--foreground);margin-bottom:.5rem}.required-star{color:#ef4444}.form-field-input,.form-field-textarea{padding:.75rem 1rem;border:2px solid var(--border);border-radius:.5rem;background:var(--input);color:var(--foreground);font-size:.9375rem;font-family:inherit;transition:all .2s ease}[data-theme=dark] .form-field-input,[data-theme=dark] .form-field-textarea{background-color:#232323;border-color:#505050}[data-theme=dark] .form-field-input:hover:not(:disabled):not([readonly]),[data-theme=dark] .form-field-textarea:hover:not(:disabled):not([readonly]){border-color:#606060}.form-field-input:focus,.form-field-textarea:focus{outline:none;border-color:#0091ff;box-shadow:0 0 0 3px #0091ff1a}.form-field-textarea{resize:vertical}.field-success-indicator{display:flex;align-items:center;gap:.375rem;margin-top:.5rem;font-size:.8125rem;color:#10b981;font-weight:500}.field-char-count{margin-top:.375rem;font-size:.75rem;color:var(--muted);text-align:right}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-dialog{background:var(--card);border-radius:1rem;max-width:500px;width:100%;box-shadow:0 20px 50px #0000004d}.modal-header{display:flex;align-items:center;gap:1rem;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--border)}.modal-icon-warning{color:#f59e0b;flex-shrink:0}.modal-title{font-size:1.125rem;font-weight:600;color:var(--foreground);margin:0}.modal-body{padding:1.5rem}.modal-body p{font-size:.9375rem;color:var(--muted);line-height:1.6;margin:0}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem 1.5rem;border-top:1px solid var(--border)}.modal-button{padding:.625rem 1.25rem;border:none;border-radius:.5rem;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease}.modal-button-cancel{background:transparent;color:var(--foreground);border:1.5px solid var(--border)}.modal-button-cancel:hover{background:var(--card);border-color:var(--muted)}.modal-button-confirm{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.modal-button-confirm:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef44444d}.spinner{width:1rem;height:1rem;animation:spin 1s linear infinite}.spinner-circle{stroke:currentColor;stroke-dasharray:50;stroke-dashoffset:25;stroke-linecap:round}@media (max-width: 767px){.method-selection-container,.google-form-flow-container,.manual-flow-container{padding:1rem .75rem}.method-selection-header{margin-bottom:2rem}.method-card{padding:1.5rem}.method-card-badge{top:1rem;right:1rem;font-size:.625rem;padding:.3125rem .625rem}.method-card-icon{width:3rem;height:3rem}.method-card-title{font-size:1.25rem}.url-input-group{flex-direction:column}.preview-button{width:100%;justify-content:center}.change-method-actions{flex-direction:column}.change-method-button{width:100%}.modal-dialog{margin:1rem}}.flow-subtitle{font-size:.9375rem;color:var(--muted);margin:.5rem 0 0;line-height:1.6}.privacy-notice-compact{display:flex;align-items:flex-start;gap:.625rem;padding:.875rem 1rem;background:#94a3b80d;border-left:3px solid var(--muted-foreground);border-radius:.375rem;font-size:.8125rem;color:var(--muted);margin-top:1rem}.privacy-notice-compact .privacy-icon{width:1.125rem;height:1.125rem;flex-shrink:0;color:var(--muted-foreground);margin-top:.125rem}.privacy-notice-compact .privacy-text{margin:0;line-height:1.5}.privacy-notice-compact .privacy-link{color:#0091ff;text-decoration:underline;font-weight:500}.privacy-notice-compact .privacy-link:hover{color:#07c}.google-step-card{background:var(--card);border:2px solid var(--border);border-radius:1rem;padding:2rem;transition:all .3s ease}.google-step-success{border-color:#10b9814d;background:linear-gradient(135deg,#10b98108,#10b98103)}.google-step-header{display:flex;align-items:flex-start;gap:1.25rem;margin-bottom:1.5rem}.google-step-number{width:3rem;height:3rem;border-radius:.75rem;background:linear-gradient(135deg,#0091ff,#07c);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;flex-shrink:0;box-shadow:0 4px 12px #0091ff40}.google-step-number-success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b98140}.google-step-content{flex:1}.google-step-title{font-size:1.125rem;font-weight:600;color:var(--foreground);margin:0 0 .375rem;line-height:1.4}.google-step-description{font-size:.9375rem;color:var(--muted);margin:0;line-height:1.6}.google-step-description-success{color:#10b981;font-weight:500}.google-step-divider{height:1px;background:var(--border);margin:1.5rem 0}.google-permissions-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.75rem;padding:1.25rem;background:#0091ff08;border:1px solid rgba(0,145,255,.15);border-radius:.75rem}.permission-item{display:flex;align-items:center;gap:.75rem;font-size:.9375rem;color:var(--foreground)}.permission-icon{color:#10b981;flex-shrink:0}.google-connect-button,.google-select-button{width:100%;padding:1rem 1.5rem;border:none;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.75rem}.google-connect-button{background:linear-gradient(135deg,#0091ff,#07c);color:#fff;box-shadow:0 4px 12px #0091ff4d}.google-connect-button:hover:not(:disabled){background:linear-gradient(135deg,#07c,#0060a8);box-shadow:0 6px 16px #0091ff66;transform:translateY(-2px)}.google-connect-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #0091ff4d}.google-connect-button:disabled{opacity:.7;cursor:not-allowed}.google-select-button{background:var(--foreground);color:#fff;box-shadow:0 4px 12px #00000026}[data-theme=dark] .google-select-button{background:#fff;color:var(--background)}.google-select-button:hover:not(:disabled){box-shadow:0 6px 16px #0003;transform:translateY(-2px)}.google-select-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #00000026}.google-select-button:disabled{opacity:.7;cursor:not-allowed}.button-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 767px){.google-step-card{padding:1.5rem}.google-step-header{gap:1rem}.google-step-number{width:2.5rem;height:2.5rem;font-size:1.125rem}.google-step-title{font-size:1rem}.google-step-description{font-size:.875rem}.google-permissions-list{padding:1rem}.permission-item{font-size:.875rem}}.modern-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%2364748b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .875rem center;background-size:1.25rem;padding-right:2.75rem;cursor:pointer;font-weight:500;transition:all .2s ease}[data-theme=dark] .modern-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%23a0aec0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.modern-select:hover{border-color:var(--ring);box-shadow:0 0 0 3px #3b82f61a}[data-theme=dark] .modern-select:hover{border-color:#0091ff;box-shadow:0 0 0 3px #0091ff1a}.modern-select:focus{outline:none;border-color:var(--ring);box-shadow:0 0 0 3px #3b82f626}[data-theme=dark] .modern-select:focus{border-color:#0091ff;box-shadow:0 0 0 3px #0091ff26}.modern-select option{padding:.75rem;background-color:var(--background);color:var(--foreground);font-weight:500}.modern-select option:hover{background-color:var(--card)}[data-sonner-toast][data-type=error]{border-left:3px solid #ef4444!important;background:#fef2f2!important;border:1px solid #fecaca!important}[data-theme=dark] [data-sonner-toast][data-type=error]{border-left:3px solid #dc2626!important;background:#dc26261a!important;border:1px solid rgba(220,38,38,.3)!important}[data-sonner-toast][data-type=error] [data-icon]{color:#ef4444!important}[data-theme=dark] [data-sonner-toast][data-type=error] [data-icon]{color:#dc2626!important}[data-sonner-toast][data-type=error] [data-title]{color:#991b1b!important;font-weight:500}[data-theme=dark] [data-sonner-toast][data-type=error] [data-title]{color:#fca5a5!important}