@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Playfair+Display:ital@0;1&display=swap";:root{--color-sand:#fdfbf7;--color-sage:#e3e8de;--color-clay:#eedcd3;--color-forest:#2c4c3b;--color-text-main:#333;--color-text-muted:#555;--color-accent:#b26a4a;--glass-bg:#ffffffa6;--glass-border:#ffffffb3;--shadow-sm:0 4px 12px #2c4c3b08;--shadow-lg:0 24px 48px #2c4c3b0f, 0 8px 16px #2c4c3b08;--radius-lg:32px;--radius-md:24px;--radius-sm:12px}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--color-text-main);background-color:var(--color-sand);background-image:radial-gradient(at 10% 20%, var(--color-sage) 0px, transparent 50%), radial-gradient(at 90% 10%, var(--color-clay) 0px, transparent 50%), radial-gradient(at 80% 90%, var(--color-sage) 0px, transparent 50%), radial-gradient(at 20% 80%, var(--color-clay) 0px, transparent 50%);-webkit-font-smoothing:antialiased;background-attachment:fixed;justify-content:center;align-items:center;min-height:100vh;font-family:Outfit,sans-serif;display:flex}#root{width:100%}.app-container{flex-direction:column;justify-content:center;width:100%;max-width:800px;min-height:100vh;margin:0 auto;padding:2rem;display:flex}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(40px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:4rem 4.5rem;position:relative;overflow:hidden}.glass-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffffe6,#0000);height:1px;position:absolute;top:0;left:0;right:0}h1{color:var(--color-forest);letter-spacing:-.02em;margin-bottom:2rem;font-family:Playfair Display,serif;font-size:3.25rem;font-weight:500;line-height:1.1}h2{color:var(--color-forest);margin-bottom:2.5rem;font-family:Playfair Display,serif;font-size:2.25rem;font-weight:500;line-height:1.25}p{color:var(--color-text-muted);margin-bottom:2.5rem;font-size:1.2rem;font-weight:300;line-height:1.8}strong{color:var(--color-forest);font-weight:500}.progress-text{color:var(--color-accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.5rem;font-size:.9rem;font-weight:600;display:block}.btn{background:var(--color-forest);color:#fff;cursor:pointer;border:none;border-radius:100px;align-items:center;gap:.75rem;padding:1.25rem 2.75rem;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:500;transition:all .4s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 8px 24px #2c4c3b33}@media (hover:hover){.btn:hover{background:#39634c;transform:translateY(-4px);box-shadow:0 12px 32px #2c4c3b40}}.btn:active{transform:translateY(0)scale(.98)}.btn-secondary{color:var(--color-forest);box-shadow:none;background:0 0;border:1.5px solid #2c4c3b33}@media (hover:hover){.btn-secondary:hover{box-shadow:none;background:#2c4c3b0d;border-color:#2c4c3b66}}.options-list{flex-direction:column;gap:1.25rem;display:flex}.option-btn{border-radius:var(--radius-md);text-align:left;color:var(--color-forest);cursor:pointer;box-shadow:var(--shadow-sm);background:#fff9;border:1px solid #ffffffe6;padding:1.75rem 2rem;font-family:Outfit,sans-serif;font-size:1.15rem;line-height:1.6;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.option-btn:before{content:"";background:var(--color-accent);transform-origin:bottom;width:5px;transition:transform .4s cubic-bezier(.16,1,.3,1);position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}@media (hover:hover){.option-btn:hover{background:#fff;border-color:#fff;transform:translate(6px);box-shadow:0 12px 24px #2c4c3b0f}.option-btn:hover:before{transform:scaleY(1)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(24px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.animate-fade-in{animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeSlideUp}.result-header{text-align:left;margin-bottom:2rem}.result-type{color:var(--color-forest);margin-bottom:.5rem;font-family:Playfair Display,serif;font-size:3rem;font-weight:500;line-height:1.1}.giraffe-section{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fffc;border:1px solid #fff;margin-top:3.5rem;padding:3rem;position:relative}.giraffe-title{color:var(--color-forest);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.5rem;margin-bottom:1.25rem;font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:600;display:flex}.giraffe-quote{color:var(--color-accent);margin-top:2rem;font-family:Playfair Display,serif;font-size:1.5rem;font-style:italic;line-height:1.6}@media (width<=768px){.glass-card{border-radius:20px;padding:2rem 1.25rem}.option-btn{padding:1.15rem 1.25rem;font-size:1.05rem}h1{font-size:2.5rem}h2{margin-bottom:2rem;font-size:1.5rem}}