.page-quiz{min-height:100vh;background-color:#fff;color:var(--oz-night)}.quiz-container{max-width:800px;margin:0 auto;padding:var(--space-2xl) var(--space-md);min-height:calc(100vh - 100px);display:flex;flex-direction:column;justify-content:center}.quiz-progress{position:fixed;top:80px;left:0;right:0;height:4px;background:#0000001a;z-index:50}.quiz-progress-bar{height:100%;background:linear-gradient(90deg,var(--oz-moss),var(--oz-sky-tint));transition:width var(--duration-normal) var(--ease-breathe)}.quiz-progress-dots{display:flex;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-3xl);flex-wrap:wrap}.progress-dot{width:12px;height:12px;border-radius:50%;background:#0003;transition:all var(--duration-quick) var(--ease-breathe)}.progress-dot.active{background:var(--oz-sky-tint);transform:scale(1.3);box-shadow:0 0 12px var(--oz-sky-tint)}.progress-dot.completed{background:var(--oz-moss)}.question-wrapper{opacity:0;animation:fadeIn var(--duration-normal) var(--ease-breathe) forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.question-wrapper.fade-out{animation:fadeOut var(--duration-quick) var(--ease-exit) forwards}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.question-number{font-family:var(--font-technology);font-size:var(--text-sm);color:var(--oz-stone);margin-bottom:var(--space-sm);letter-spacing:var(--tracking-wide)}.question-text{font-family:var(--font-philosophy);font-size:clamp(2rem,5vw,3rem);line-height:var(--leading-tight);margin-bottom:var(--space-2xl);color:var(--oz-night);font-weight:500}.slider-container{margin:var(--space-2xl) 0}.slider-labels{display:flex;justify-content:space-between;margin-bottom:var(--space-md);font-size:var(--text-sm);color:var(--oz-stone)}.slider-input{width:100%;height:8px;border-radius:4px;background:var(--oz-paper);outline:none;-webkit-appearance:none;appearance:none}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--oz-sky-tint);cursor:pointer;box-shadow:0 2px 8px #0000004d;transition:transform var(--duration-quick) var(--ease-breathe)}.slider-input::-webkit-slider-thumb:hover{transform:scale(1.2)}.slider-input::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--oz-sky-tint);cursor:pointer;border:none;box-shadow:0 2px 8px #0000004d;transition:transform var(--duration-quick) var(--ease-breathe)}.slider-input::-moz-range-thumb:hover{transform:scale(1.2)}.slider-value{text-align:center;font-size:var(--text-2xl);font-weight:var(--weight-semibold);color:var(--oz-sky-tint);margin-top:var(--space-md);font-family:var(--font-technology)}.options-cards{display:flex;flex-direction:column;gap:var(--space-md);margin:var(--space-xl) 0}.option-card{background:#fff;border:1px solid var(--oz-paper);box-shadow:var(--shadow-soft);border-radius:var(--radius-lg);padding:var(--space-lg);cursor:pointer;transition:all var(--duration-quick) var(--ease-breathe);text-align:left}.option-card:hover{background:#f8fafc;border-color:var(--oz-sky-tint);transform:translate(8px)}.option-card.selected{background:#f0f9ff;border-color:var(--oz-sky-tint);box-shadow:0 0 15px #60a5fa4d}.option-card-label{font-size:var(--text-lg);font-weight:var(--weight-medium);color:var(--oz-night);margin-bottom:var(--space-xs);display:block}.option-card-description{font-size:var(--text-sm);color:var(--oz-stone);line-height:var(--leading-normal)}.text-input-container{margin:var(--space-xl) 0}.text-input{width:100%;padding:var(--space-md);background:var(--oz-air);border:2px solid var(--oz-paper);border-radius:var(--radius-md);color:var(--oz-night);font-size:var(--text-base);font-family:var(--font-technology);transition:all var(--duration-quick) var(--ease-breathe);resize:vertical;min-height:100px}.text-input:focus{outline:none;border-color:var(--oz-sky-tint);background:#ffffff14;box-shadow:0 0 20px #60a5fa1a}.text-input::placeholder{color:var(--oz-stone);opacity:.6}.char-count{text-align:right;font-size:var(--text-xs);color:var(--oz-stone);margin-top:var(--space-xs)}.quiz-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-2xl);gap:var(--space-md)}.btn-quiz-nav{padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--duration-quick) var(--ease-breathe);border:none;font-family:var(--font-technology)}.btn-quiz-back{background:transparent;border:1px solid var(--oz-paper);color:var(--oz-stone);font-weight:600}.btn-quiz-back:hover:not(:disabled){background:var(--oz-surface-hover);border-color:var(--oz-stone);color:var(--oz-night)}.btn-quiz-next{background:var(--oz-sky-tint);color:var(--oz-night);flex:1;max-width:300px}.btn-quiz-next:hover:not(:disabled){background:var(--oz-hover-moss);transform:translateY(-2px);box-shadow:0 8px 24px #60a5fa4d}.btn-quiz-nav:disabled{opacity:.4;cursor:not-allowed}.contact-form{max-width:600px;margin:0 auto}.form-group{margin-bottom:var(--space-lg)}.form-label{display:block;font-size:var(--text-sm);color:var(--oz-stone);margin-bottom:var(--space-xs);font-weight:var(--weight-medium)}.form-input{width:100%;padding:var(--space-md);background:var(--oz-air);border:2px solid var(--oz-paper);border-radius:var(--radius-md);color:var(--oz-night);font-size:var(--text-base);font-family:var(--font-technology);transition:all var(--duration-quick) var(--ease-breathe)}.form-input:focus{outline:none;border-color:var(--oz-sky-tint);background:#ffffff14;box-shadow:0 0 20px #60a5fa1a}.form-input::placeholder{color:var(--oz-stone);opacity:.6}.form-input.error{border-color:#ef4444}.form-error{color:#ef4444;font-size:var(--text-xs);margin-top:var(--space-xs);display:none}.form-error.visible{display:block}.form-hint{font-size:var(--text-xs);color:var(--oz-stone);margin-top:var(--space-xs)}.iti{width:100%;margin-bottom:var(--space-xs)}.iti__country-list{background-color:#fff;color:var(--oz-night);border:1px solid var(--oz-paper);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.iti__selected-country{background:var(--oz-air);border-radius:var(--radius-md) 0 0 var(--radius-md)}.iti--separate-dial-code .iti__selected-dial-code{color:var(--oz-night);font-family:var(--font-technology);font-size:var(--text-base)}.quiz-loading{text-align:center;padding:var(--space-3xl)}.loading-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.1);border-top-color:var(--oz-sky-tint);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--space-md)}@keyframes spin{to{transform:rotate(360deg)}}.quiz-error{background:#ef44441a;border:2px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;margin:var(--space-xl) 0}.quiz-error-title{color:#ef4444;font-size:var(--text-lg);margin-bottom:var(--space-sm)}.quiz-error-message{color:var(--oz-stone);margin-bottom:var(--space-md)}@media(max-width:768px){.quiz-container{padding:var(--space-xl) var(--space-md)}.question-text{font-size:var(--text-lg)}.options-cards{gap:var(--space-sm)}.option-card{padding:var(--space-md)}.quiz-navigation{flex-direction:column-reverse}.btn-quiz-next{max-width:100%;width:100%}.btn-quiz-back{width:100%}}.intro-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:600px;margin:0 auto;padding:var(--space-xl) 0;animation:fadeIn var(--transition-long) ease-out}.intro-title{font-family:var(--font-ceremonial);font-size:clamp(3rem,6vw,4rem);color:var(--oz-night);margin-bottom:var(--space-lg);line-height:1.1}.intro-subtitle{font-family:var(--font-philosophy);font-style:italic;font-size:clamp(1.2rem,4vw,1.5rem);color:var(--oz-night);margin-bottom:var(--space-xl);line-height:1.6}.intro-divider{width:60px;height:1px;background:#10b981;margin-bottom:var(--space-xl);opacity:1}.intro-description{font-family:var(--font-body);font-size:1.35rem;color:var(--oz-stone);margin-bottom:var(--space-2xl);line-height:1.6;max-width:600px}.btn-intro-start{margin-top:var(--space-md);padding:1rem 3rem;font-size:1.1rem;background:linear-gradient(135deg,#15803d,#10b981);box-shadow:0 4px 15px #10b9814d;border:none;border-radius:9999px;color:#fff;cursor:pointer;transition:all .3s ease;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.btn-intro-start:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b98180;background:linear-gradient(135deg,#16a34a,#34d399)}.fade-out{opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease}.fade-in{opacity:1;transform:translateY(0);transition:opacity .5s ease,transform .5s ease}