:root{--brand-primary: #B99B6B;--brand-secondary: #A08C62;--text: #2c2c2c;--muted: #6b7280;--border: #e5e7eb;--card: #ffffff;--shell: #fafafa;--elev-1: 0 4px 20px rgba(0,0,0,.08);--elev-2: 0 8px 40px rgba(0,0,0,.12);--elev-3: 0 16px 60px rgba(0,0,0,.15);--gradient-primary: linear-gradient(135deg, #D4AF37 0%, #B8860B 100%);--gradient-secondary: linear-gradient(135deg, #B99B6B 0%, #A08C62 100%);--gradient-accent: linear-gradient(135deg, #ff6b6b 0%, #ee5a24 100%);--gradient-success: linear-gradient(135deg, #2ecc71 0%, #27ae60 100%);--gradient-warm: linear-gradient(135deg, #f39c12 0%, #e67e22 100%);--gradient-cool: linear-gradient(135deg, #3498db 0%, #2980b9 100%);--shadow-glow: 0 0 30px rgba(212, 175, 55, .3);--shadow-glow-brand: 0 0 30px rgba(185, 155, 107, .3)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica Neue,Arial,sans-serif;color:var(--text);line-height:1.6;background:var(--shell);overflow-x:hidden;position:relative}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 80%,rgba(212,175,55,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(185,155,107,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(184,134,11,.05) 0%,transparent 50%);pointer-events:none;z-index:-2}body:after{content:"";position:fixed;inset:0;background-image:radial-gradient(hsla(0,0%,50%,.1) 1px,transparent 1px),linear-gradient(45deg,transparent 25%,rgba(255,255,255,.02) 25%,rgba(255,255,255,.02) 50%,transparent 50%,transparent 75%,rgba(255,255,255,.02) 75%);background-size:30px 30px,20px 20px;opacity:.4;pointer-events:none;z-index:-1}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 600,"GRAD" 0,"opsz" 24;display:inline-flex;align-items:center;vertical-align:-3px;font-size:18px;line-height:1}.quiz-header{position:fixed;top:0;left:0;right:0;background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.2);z-index:100;padding:1rem 0;box-shadow:0 8px 32px #0000001a}.quiz-header-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:22px;letter-spacing:-.02em;font-family:Playfair Display,serif;text-decoration:none;color:var(--text);transition:color .3s ease}.brand:hover{color:var(--brand-primary)}.logo{width:32px;height:32px;display:block}.quiz-progress{display:flex;align-items:center;gap:1rem}.progress-bar{width:200px;height:8px;background:#b99b6b26;border-radius:10px;overflow:hidden;position:relative;box-shadow:inset 0 2px 4px #0000001a}.progress-bar:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.progress-fill{height:100%;background:var(--gradient-secondary);width:16.67%;transition:width .8s cubic-bezier(.4,0,.2,1);border-radius:10px;position:relative;box-shadow:0 2px 8px #b99b6b66}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:progressShine 1.5s infinite}.progress-text{font-weight:600;font-size:14px;color:var(--muted);min-width:80px}.quiz-container{min-height:100vh;padding-top:100px;display:flex;align-items:center;justify-content:center;padding:120px 2rem 2rem}.question-section{max-width:800px;width:100%;text-align:center;animation:slideInUp .6s cubic-bezier(.4,0,.2,1)}.question-content{margin-bottom:3rem}.question-number{font-family:Playfair Display,serif;font-size:4rem;font-weight:800;color:var(--brand-primary);opacity:.3;margin-bottom:1rem;line-height:1}.question-title{font-family:Playfair Display,serif;font-size:clamp(2rem,4vw,3rem);font-weight:700;letter-spacing:-.02em;line-height:1.2;color:var(--text);margin-bottom:1rem}.question-subtitle{font-size:1.1rem;color:var(--muted);margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.options-container{margin-bottom:3rem;display:grid;gap:1.5rem;max-width:1000px;margin-left:auto;margin-right:auto}.options-container.layout-unified{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.options-container.layout-unified[data-options="2"]{grid-template-columns:repeat(2,1fr);max-width:600px}.options-container.layout-unified[data-options="3"]{grid-template-columns:repeat(3,1fr);max-width:800px}.options-container.layout-unified[data-options="4"]{grid-template-columns:repeat(2,1fr);max-width:800px}.options-container.layout-unified[data-options="5"],.options-container.layout-unified[data-options="6"]{grid-template-columns:repeat(3,1fr);max-width:900px}.options-container.layout-unified[data-options="7"],.options-container.layout-unified[data-options="8"]{grid-template-columns:repeat(4,1fr);max-width:1000px}.options-container.layout-unified[data-options="9"]{grid-template-columns:repeat(3,1fr);max-width:900px}.options-container.layout-unified[data-options="10"]{grid-template-columns:repeat(5,1fr);max-width:1200px}.options-container.layout-unified[data-options="11"],.options-container.layout-unified[data-options="12"]{grid-template-columns:repeat(4,1fr);max-width:1000px}.options-container.layout-unified[data-options="13"],.options-container.layout-unified[data-options="14"],.options-container.layout-unified[data-options="15"]{grid-template-columns:repeat(5,1fr);max-width:1200px}.options-container.layout-unified[data-options="16"]{grid-template-columns:repeat(4,1fr);max-width:1000px}.options-container.layout-unified[data-options="17"]{grid-template-columns:repeat(5,1fr);max-width:1200px}.options-container.layout-unified[data-options="18"]{grid-template-columns:repeat(6,1fr);max-width:1200px}.options-container.layout-unified[data-options="19"],.options-container.layout-unified[data-options="20"]{grid-template-columns:repeat(5,1fr);max-width:1200px}.options-container.layout-unified[data-options="21"]{grid-template-columns:repeat(4,1fr);max-width:1000px}.options-container.layout-unified[data-options="22"],.options-container.layout-unified[data-options="23"],.options-container.layout-unified[data-options="24"],.options-container.layout-unified[data-options="25"]{grid-template-columns:repeat(5,1fr);max-width:1200px}.option-card{background:var(--card);border:2px solid var(--border);border-radius:20px;padding:2rem;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:var(--elev-1);backdrop-filter:blur(10px)}.option-card:before{content:"";position:absolute;inset:0;background:var(--gradient-primary);opacity:0;transition:opacity .4s ease;z-index:-1}.option-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(212,175,55,.1),transparent);opacity:0;transition:opacity .4s ease;animation:rotate 4s linear infinite;z-index:-1}.option-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--elev-3),var(--shadow-glow);border-color:var(--brand-primary)}.option-card:hover:before{opacity:.05}.option-card:hover:after{opacity:1}.option-card.selected{border-color:var(--brand-primary);background:linear-gradient(135deg,#b99b6b1a,#a08c620d);transform:translateY(-4px) scale(1.05);box-shadow:var(--elev-3),var(--shadow-glow-brand)}.option-card.selected:before{opacity:.1}.option-card.selected:after{opacity:.3}.option-content{text-align:left}.option-label{font-size:1.3rem;font-weight:700;margin-bottom:.5rem;color:var(--text)}.option-description{font-size:.95rem;color:var(--muted);line-height:1.4}.option-indicator{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transform:scale(.5) rotate(-180deg);transition:all .5s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 4px 15px #d4af3766}.option-indicator:before{content:"";position:absolute;inset:-2px;border-radius:50%;background:var(--gradient-primary);opacity:0;animation:pulse 2s infinite}.option-card.selected .option-indicator{opacity:1;transform:scale(1) rotate(0)}.option-card.selected .option-indicator:before{opacity:.3}.quiz-navigation{display:flex;justify-content:space-between;gap:1rem;max-width:400px;margin:0 auto}.btn{border:none;border-radius:16px;padding:1rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:.5rem;min-width:120px;justify-content:center;position:relative;overflow:hidden;backdrop-filter:blur(10px)}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.btn:hover:before{left:100%}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 6px 20px #d4af3766}.btn-primary:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 30px #d4af3799,var(--shadow-glow)}.btn-secondary{background:var(--gradient-secondary);color:#fff;box-shadow:0 6px 20px #b99b6b66}.btn-secondary:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 30px #b99b6b99,var(--shadow-glow-brand)}.btn-ghost{background:#ffffffe6;color:var(--text);border:2px solid var(--border);backdrop-filter:blur(20px)}.btn-ghost:hover:not(:disabled){background:#fff;border-color:var(--brand-primary);transform:translateY(-3px);box-shadow:0 8px 25px #0000001a}.loading-section{max-width:600px;width:100%;text-align:center;animation:fadeIn .6s ease}.loading-content{padding:3rem 2rem}.loading-animation{margin-bottom:3rem;display:flex;justify-content:center}.perfume-bottle{position:relative;width:100px;height:140px;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 10px 20px rgba(0,0,0,.2))}.bottle-body{width:70px;height:90px;background:var(--gradient-primary);border-radius:12px 12px 6px 6px;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:inset 0 4px 8px #0003}.bottle-body:before{content:"";position:absolute;inset:10px;background:linear-gradient(135deg,rgba(255,255,255,.3),transparent);border-radius:8px 8px 4px 4px}.bottle-neck{width:24px;height:35px;background:var(--gradient-primary);border-radius:3px;position:absolute;top:90px;left:50%;transform:translate(-50%);box-shadow:inset 0 2px 4px #0003}.bottle-cap{width:28px;height:18px;background:var(--gradient-secondary);border-radius:3px;position:absolute;top:110px;left:50%;transform:translate(-50%);box-shadow:0 4px 8px #0000004d}.scent-waves{position:absolute;top:-30px;left:50%;transform:translate(-50%)}.wave{position:absolute;border:3px solid var(--brand-primary);border-radius:50%;opacity:0;animation:waveExpand 2.5s ease-in-out infinite}.wave-1{width:50px;height:50px;animation-delay:0s;border-color:#b99b6bcc}.wave-2{width:80px;height:80px;animation-delay:.8s;border-color:#b99b6b99}.wave-3{width:110px;height:110px;animation-delay:1.6s;border-color:#b99b6b66}.loading-section h2{font-family:Playfair Display,serif;font-size:2rem;font-weight:700;color:var(--text);margin-bottom:1rem}.loading-section p{font-size:1.1rem;color:var(--muted);margin-bottom:2rem}.loading-steps{display:flex;flex-direction:column;gap:1rem;max-width:400px;margin:0 auto}.step{padding:1.2rem;background:#ffffffe6;border-radius:16px;border:2px solid var(--border);font-weight:500;color:var(--muted);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;backdrop-filter:blur(10px);overflow:hidden}.step:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(185,155,107,.1),transparent);transition:left .6s ease}.step.active{border-color:var(--brand-primary);background:#b99b6b1a;color:var(--text);font-weight:600;transform:translate(8px);box-shadow:0 4px 15px #b99b6b33}.step.active:before{left:100%}.results-section{max-width:1000px;width:100%;animation:slideInUp .6s cubic-bezier(.4,0,.2,1)}.results-header{text-align:center;margin-bottom:3rem}.persona-badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--gradient-primary);color:#fff;padding:.75rem 1.5rem;border-radius:50px;font-weight:600;margin-bottom:1.5rem;box-shadow:0 6px 20px #d4af3766;position:relative;overflow:hidden}.persona-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 3s infinite}.results-header h1{font-family:Playfair Display,serif;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;letter-spacing:-.02em;line-height:1.2;color:var(--text);margin-bottom:1rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.results-subtitle{font-size:1.2rem;color:var(--muted)}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:3rem}@media (min-width: 768px){.results-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (min-width: 1200px){.results-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}.results-grid:not(.expanded) .result-card:nth-child(n+6){display:none}.result-card{background:var(--card);border-radius:16px;box-shadow:var(--elev-2);transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;border:2px solid transparent;position:relative;overflow:hidden;backdrop-filter:blur(10px);padding:1rem;display:flex;flex-direction:column;gap:.75rem}.result-card:before{content:"";position:absolute;inset:0;background:var(--gradient-primary);opacity:0;transition:opacity .4s ease;z-index:-1}.result-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:var(--elev-3),var(--shadow-glow);border-color:var(--brand-primary)}.result-card:hover:before{opacity:.05}.result-image-container{width:100%;height:200px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:12px;border:1px solid var(--border);overflow:hidden}.result-image{max-width:100%;max-height:100%;object-fit:contain;transition:transform .4s ease}.result-card:hover .result-image{transform:scale(1.05)}.result-content{display:flex;flex-direction:column;gap:.5rem}.result-brand{font-size:.8rem;color:var(--muted);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.result-name{font-family:Playfair Display,serif;font-size:1.1rem;font-weight:700;color:var(--text);line-height:1.2}.result-score{background:var(--gradient-primary);color:#fff;padding:.4rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600;display:inline-block;align-self:flex-start}.results-actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes waveExpand{0%{opacity:0;transform:scale(.5)}50%{opacity:1}to{opacity:0;transform:scale(1.2)}}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes progressShine{0%{left:-100%}to{left:100%}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:0;transform:scale(1)}50%{opacity:.3;transform:scale(1.1)}}.pool-indicator{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:2rem 0;padding:1rem 2rem;background:#ffffffe6;border-radius:50px;backdrop-filter:blur(10px);border:2px solid var(--border);transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:var(--elev-1)}.pool-count{font-family:Inter,sans-serif;font-size:2rem;font-weight:700;color:var(--brand-primary);transition:all .4s ease;animation:countPulse .6s ease-out}.pool-label{font-size:1rem;font-weight:500;color:var(--muted)}.pool-indicator.pool-large{border-color:#10b981;background:#10b9811a}.pool-indicator.pool-large .pool-count{color:#10b981}.pool-indicator.pool-medium{border-color:#f59e0b;background:#f59e0b1a}.pool-indicator.pool-medium .pool-count{color:#f59e0b}.pool-indicator.pool-small{border-color:#ef4444;background:#ef44441a}.pool-indicator.pool-small .pool-count{color:#ef4444}@keyframes countPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.options-container.layout-multi-select{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;max-width:800px;margin:0 auto}.option-card.multi-select{position:relative;padding:1rem;cursor:pointer;border:2px solid var(--border);border-radius:12px;background:var(--card);transition:all .3s ease}.option-card.multi-select:hover{border-color:var(--brand-primary);transform:translateY(-2px);box-shadow:var(--elev-2)}.option-card.multi-select.selected{border-color:var(--brand-primary);background:#b99b6b1a}.option-card.multi-select .checkbox{position:absolute;top:.5rem;right:.5rem;width:20px;height:20px;border:2px solid var(--border);border-radius:4px;background:#fff;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.option-card.multi-select.selected .checkbox{background:var(--brand-primary);border-color:var(--brand-primary)}.option-card.multi-select.selected .checkbox:after{content:"✓";color:#fff;font-size:12px;font-weight:700}.hidden{display:none!important}@media (max-width: 768px){.quiz-container{padding:100px 1rem 2rem}.quiz-header-content{padding:0 1rem}.progress-bar{width:150px}.question-number{font-size:3rem}.question-title{font-size:2rem}.options-container.layout-unified,.options-container.layout-grid-2x2,.options-container.layout-horizontal-3,.options-container.layout-wide-2,.options-container{grid-template-columns:1fr!important;gap:1rem;max-width:100%}.option-card{padding:1.5rem}.quiz-navigation{flex-direction:column;max-width:100%}.btn{width:100%}.results-grid{grid-template-columns:1fr;gap:1.5rem}.results-actions{flex-direction:column;align-items:center}.results-actions .btn{width:100%;max-width:300px}.loading-steps{gap:.5rem}.step{padding:.75rem;font-size:.9rem}}@media (max-width: 480px){.quiz-header-content{flex-direction:column;gap:1rem;text-align:center}.quiz-progress{flex-direction:column;gap:.5rem}.progress-bar{width:200px}.question-number{font-size:2.5rem}.option-card{padding:1rem}.option-label{font-size:1.1rem}}.selection-counter{text-align:center;margin-bottom:1.5rem;padding:.75rem 1rem;background:#d4af371a;border-radius:12px;font-weight:600;color:var(--brand-primary);border:1px solid rgba(212,175,55,.2)}.layout-multi-select .option-card{margin-bottom:.75rem}.layout-multi-select .option-card.selected{background:#d4af371a;border-color:var(--brand-primary)}.layout-multi-select .option-card.selected .option-indicator{background:var(--gradient-primary);color:#fff}.layout-multi-select{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}@media (min-width: 768px){.layout-multi-select{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (min-width: 1200px){.layout-multi-select{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}.toast-container[data-astro-cid-qgoydl4o]{position:fixed;top:20px;right:20px;z-index:10000;pointer-events:none}.toast[data-astro-cid-qgoydl4o]{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001f;padding:16px 20px;margin-bottom:12px;min-width:300px;max-width:400px;display:flex;align-items:center;gap:12px;pointer-events:auto;transform:translate(100%);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);border-left:4px solid #10b981}.toast[data-astro-cid-qgoydl4o].error{border-left-color:#ef4444}.toast[data-astro-cid-qgoydl4o].show{transform:translate(0);opacity:1}.toast-icon[data-astro-cid-qgoydl4o]{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#10b981;color:#fff;font-size:16px}.toast[data-astro-cid-qgoydl4o].error .toast-icon[data-astro-cid-qgoydl4o]{background:#ef4444}.toast-content[data-astro-cid-qgoydl4o]{flex:1}.toast-title[data-astro-cid-qgoydl4o]{font-weight:600;font-size:14px;color:#1f2937;margin:0 0 4px}.toast-message[data-astro-cid-qgoydl4o]{font-size:13px;color:#6b7280;margin:0;line-height:1.4}.toast-close[data-astro-cid-qgoydl4o]{background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;border-radius:4px;transition:color .2s}.toast-close[data-astro-cid-qgoydl4o]:hover{color:#6b7280}@media (max-width: 480px){.toast-container[data-astro-cid-qgoydl4o]{top:10px;right:10px;left:10px}.toast[data-astro-cid-qgoydl4o]{min-width:auto;max-width:none}}