*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{min-height:100vh;line-height:1.6}img,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit;background:0 0;border:none;outline:none}button{cursor:pointer}a{color:inherit;text-decoration:none}ul,ol{list-style:none}fieldset{border:none}:root{--color-gold:#c1aa69;--color-gold-light:#d4c48a;--color-gold-dark:#a89050;--color-brown:#5c3d2e;--color-brown-light:#7a5a4a;--color-brown-dark:#3e2518;--color-black:#1a1a1a;--color-white:#faf8f5;--color-white-pure:#fff;--color-error:#c44536;--color-success:#5b8c5a;--color-bg:var(--color-black);--color-text:var(--color-white);--color-text-muted:#faf8f599;--color-border:#c1aa6933;--color-border-active:var(--color-gold);--font-heading:"Playfair Display", Georgia, serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--text-xs:clamp(.75rem, 1.5vw, .875rem);--text-sm:clamp(.875rem, 1.8vw, 1rem);--text-base:clamp(1rem, 2vw, 1.125rem);--text-lg:clamp(1.125rem, 2.2vw, 1.25rem);--text-xl:clamp(1.25rem, 2.5vw, 1.5rem);--text-2xl:clamp(1.5rem, 3vw, 2rem);--text-3xl:clamp(2rem, 4vw, 3rem);--text-4xl:clamp(2.5rem, 5vw, 4rem);--text-5xl:clamp(3rem, 6vw, 5rem);--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--container-max:720px;--container-padding:clamp(1.5rem, 5vw, 3rem);--ease-out:cubic-bezier(.33, 1, .68, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--duration-fast:.15s;--duration-normal:.3s;--duration-slow:.5s;--radius-sm:.375rem;--radius-md:.75rem;--radius-lg:1rem;--radius-full:9999px}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-bg);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:700;line-height:1.15}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}p{color:var(--color-text-muted);line-height:1.7}::selection{background-color:var(--color-gold);color:var(--color-black)}:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}.container{width:100%;max-width:var(--container-max);padding:0 var(--container-padding);margin:0 auto}.progress-bar{background:var(--color-border);z-index:100;opacity:0;width:100%;height:3px;transition:opacity var(--duration-normal) var(--ease-out);position:fixed;top:0;left:0}.progress-bar.visible{opacity:1}.progress-bar__fill{background:var(--color-gold);transform-origin:0;width:0%;height:100%}.step-nav{justify-content:space-between;align-items:center;gap:var(--space-md);margin-top:var(--space-2xl);padding-top:var(--space-xl);display:flex}.step-nav__counter{font-size:var(--text-sm);color:var(--color-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0}.step-nav__buttons{gap:var(--space-md);display:flex}.survey-section{width:100%;min-height:100vh;padding:var(--space-4xl) 0;visibility:hidden;pointer-events:none;flex-direction:column;justify-content:center;display:flex;position:absolute;top:0;left:0}.survey-section.active{visibility:visible;pointer-events:auto;position:relative}.survey-wrapper{position:relative;overflow:hidden}.hero{text-align:center;min-height:100vh;padding:var(--space-3xl) var(--container-padding);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero__bg{z-index:0;position:absolute;inset:0}.hero__bg:before{content:"";background:radial-gradient(at 50% 30%,#c1aa6914 0%,#0000 60%);position:absolute;inset:0}.hero__bg:after{content:"";background:radial-gradient(at 50% 80%,#5c3d2e26 0%,#0000 50%);position:absolute;inset:0}.hero__content{z-index:1;max-width:600px;position:relative}.hero__symbol{width:clamp(60px,12vw,100px);height:auto;margin:0 auto var(--space-xl);opacity:0}.hero__symbol svg{width:100%;height:auto}.hero__title{font-size:var(--text-4xl);color:var(--color-white);margin-bottom:var(--space-md);opacity:0}.hero__title span{color:var(--color-gold)}.hero__subtitle{font-size:var(--text-lg);color:var(--color-text-muted);margin-bottom:var(--space-3xl);opacity:0;max-width:480px;margin-left:auto;margin-right:auto}.hero__cta{opacity:0}.hero__line{background:var(--color-gold);opacity:.1;position:absolute}.hero__line--left{transform-origin:top;width:1px;height:200px;top:20%;left:10%;transform:scaleY(0)}.hero__line--right{transform-origin:bottom;width:1px;height:200px;bottom:20%;right:10%;transform:scaleY(0)}.hero__line--bottom{width:60px;height:1px;bottom:15%;left:50%;transform:translate(-50%)scaleX(0)}@media (width<=640px){.hero__line{display:none}}.section-header{margin-bottom:var(--space-2xl)}.section-header__step{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.15em;color:var(--color-gold);margin-bottom:var(--space-sm);font-weight:500;display:inline-block}.section-header__title{font-size:var(--text-2xl);color:var(--color-white)}.question{margin-bottom:var(--space-2xl)}.question:last-child{margin-bottom:0}.question__label{font-size:var(--text-lg);color:var(--color-white);margin-bottom:var(--space-lg);font-weight:500;line-height:1.4;display:block}.question__label .optional{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:400}.options-grid{gap:var(--space-sm);display:grid}.options-grid--2col{gap:var(--space-sm);grid-template-columns:1fr 1fr}@media (width<=639px){.options-grid--2col{grid-template-columns:1fr}}.option{position:relative}.option__input{opacity:0;width:0;height:0;position:absolute}.option__display{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--duration-normal) var(--ease-out), background-color var(--duration-normal) var(--ease-out), transform var(--duration-fast) var(--ease-out);-webkit-user-select:none;user-select:none;display:flex}.option__display:hover{background:#c1aa690a;border-color:#c1aa6966}.option__display:active{transform:scale(.98)}.option__input:checked+.option__display{border-color:var(--color-gold);background:#c1aa6914}.option__indicator{border-radius:var(--radius-full);border:2px solid var(--color-border);width:20px;height:20px;transition:border-color var(--duration-normal) var(--ease-out);flex-shrink:0;position:relative}.option__indicator:after{content:"";border-radius:var(--radius-full);background:var(--color-gold);width:10px;height:10px;transition:transform var(--duration-normal) cubic-bezier(.34, 1.56, .64, 1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.option__input:checked+.option__display .option__indicator{border-color:var(--color-gold)}.option__input:checked+.option__display .option__indicator:after{transform:translate(-50%,-50%)scale(1)}.option--disabled{opacity:.3;pointer-events:none}.option--checkbox .option__indicator{border-radius:var(--radius-sm)}.option--checkbox .option__indicator:after{border-radius:2px;width:12px;height:12px}.option__text{font-size:var(--text-base);line-height:1.4}.input-field{width:100%;padding:var(--space-md) 0;font-size:var(--text-lg);color:var(--color-white);border-bottom:1px solid var(--color-border);transition:border-color var(--duration-normal) var(--ease-out);background:0 0}.input-field::placeholder{color:var(--color-text-muted)}.input-field:focus{border-color:var(--color-gold)}.textarea-field{width:100%;min-height:120px;padding:var(--space-md);font-size:var(--text-base);color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);resize:vertical;transition:border-color var(--duration-normal) var(--ease-out);background:#c1aa690a}.textarea-field:focus{border-color:var(--color-gold)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);font-size:var(--text-base);border-radius:var(--radius-full);transition:background-color var(--duration-normal) var(--ease-out), color var(--duration-normal) var(--ease-out), transform var(--duration-fast) var(--ease-out), opacity var(--duration-normal) var(--ease-out);font-weight:500;display:inline-flex}.btn:active{transform:scale(.97)}.btn--primary{background:var(--color-gold);color:var(--color-black);font-weight:600}.btn--primary:hover{background:var(--color-gold-light)}.btn--secondary{color:var(--color-text-muted);border:1px solid var(--color-border);background:0 0}.btn--secondary:hover{color:var(--color-white);border-color:#c1aa6966}.btn--large{padding:var(--space-lg) var(--space-2xl);font-size:var(--text-lg)}.btn__arrow{transition:transform var(--duration-normal) var(--ease-out)}.btn:hover .btn__arrow--right{transform:translate(4px)}.btn:hover .btn__arrow--left{transform:translate(-4px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:disabled:active{transform:none}.question--error .option__display,.question--error .input-field,.question--error .textarea-field{border-color:var(--color-error)}.question__error{font-size:var(--text-sm);color:var(--color-error);margin-top:var(--space-sm);display:none}.question--error .question__error{display:block}.loading-spinner{border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.reveal{opacity:0;transform:translateY(30px)}.reveal.revealed{opacity:1;transform:translateY(0)}.thankyou{text-align:center;min-height:100vh;padding:var(--space-3xl) var(--container-padding);flex-direction:column;justify-content:center;align-items:center;display:flex}.thankyou__icon{border-radius:var(--radius-full);width:80px;height:80px;margin:0 auto var(--space-xl);opacity:0;background:#c1aa691a;justify-content:center;align-items:center;display:flex}.thankyou__icon svg{width:36px;height:36px;stroke:var(--color-gold)}.thankyou__title{font-size:var(--text-3xl);color:var(--color-white);margin-bottom:var(--space-md);opacity:0}.thankyou__text{font-size:var(--text-lg);color:var(--color-text-muted);max-width:450px;margin:0 auto var(--space-2xl);opacity:0}.thankyou__logo{opacity:0;width:clamp(120px,20vw,180px);margin:0 auto}.thankyou__logo svg{width:100%;height:auto}
