@tailwind base;@tailwind components;@tailwind utilities;:root{--primary:#ffde59;--primary-hover:#ffe57c;--background:#000;--card:#111;--card-hover:#1a1a1a;--text:#fff;--text-secondary:#999;--border:#333;--border-hover:#444;--foreground-rgb:0,0,0;--background-start-rgb:214,219,220;--background-end-rgb:255,255,255;--font-bebas-neue:"Bebas Neue",sans-serif}@media (prefers-color-scheme:dark){:root{--foreground-rgb:255,255,255;--background-start-rgb:0,0,0;--background-end-rgb:0,0,0}}body{font-family:var(--font-bebas-neue),sans-serif;color:rgb(var(--foreground-rgb));background:linear-gradient(to bottom,transparent,rgb(var(--background-end-rgb))) rgb(var(--background-start-rgb));overflow-x:hidden}*,body{-webkit-user-select:text;-moz-user-select:text;user-select:text}.color-option,.cursor-pointer,.nav-button,.option-card,button{-webkit-user-select:none;-moz-user-select:none;user-select:none}.progress-bar{height:4px;background-color:#333;width:100%;overflow:hidden}.progress-bar-fill{height:100%;background-color:var(--primary);transition:width .3s ease}.option-card{background-color:var(--card);border-radius:12px;transition:all .2s ease;border:1px solid var(--border);overflow:hidden;cursor:pointer;pointer-events:auto;position:relative;z-index:1}.option-card:hover{background-color:var(--card-hover);border-color:var(--border-hover);transform:translateY(-2px)}.option-card.selected{border-color:var(--primary);background-color:var(--card-hover)}.color-option{display:flex;align-items:center;padding:12px 20px;border-radius:100px;background-color:var(--card);transition:all .2s ease;border:1px solid var(--border);margin-bottom:12px;cursor:pointer;pointer-events:auto;position:relative;z-index:1;min-height:56px}.color-option:hover{background-color:var(--card-hover);border-color:var(--border-hover);transform:translateX(5px)}.color-option.selected{border-color:var(--primary);background-color:var(--card-hover)}.nav-button{background-color:#fff;color:#000;border-radius:100px;padding:12px 24px;font-weight:500;transition:all .2s ease;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;outline:none;pointer-events:auto;position:relative;z-index:1;min-height:48px;text-decoration:none;box-shadow:0 4px 15px rgba(255,222,89,.3)}.nav-button:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,222,89,.4)}.nav-button.secondary{background-color:transparent;color:#fff;border:1px solid #333;box-shadow:0 4px 15px rgba(0,0,0,.3)}.nav-button.secondary:hover{border-color:#555;background-color:hsla(0,0%,100%,.05);box-shadow:0 6px 20px rgba(0,0,0,.4)}.nav-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.nav-button:focus{outline:2px solid var(--primary);outline-offset:2px}.container-test{max-width:1200px;margin:0 auto;padding:0 1rem}@media (min-width:640px){.container-test{padding:0 24px}}@media (min-width:1024px){.container-test{padding:0 32px}}@media (min-width:640px) and (max-width:1023px){.container-test{max-width:768px}}@media (max-width:768px){.container-test{padding:0 1rem}.question-card{padding:20px;margin-top:20px;margin-bottom:20px}.nav-button{font-size:14px;padding:10px 20px;min-height:44px}}.question-card{background-color:#111;border-radius:16px;padding:24px;margin-top:24px;margin-bottom:24px;position:relative;z-index:1}@media (min-width:640px){.question-card{border-radius:24px;padding:32px;margin-top:32px;margin-bottom:32px}}@media (min-width:768px){.question-card{padding:40px;margin-top:40px;margin-bottom:40px}}@media (prefers-color-scheme:dark){.question-card{background-color:#1a1a1a;border-color:#333}}.text-answer-option{display:flex;align-items:center;padding:12px 16px;border-radius:12px;background-color:var(--card);border:1px solid var(--border);margin-bottom:8px;cursor:pointer;transition:all .2s ease;pointer-events:auto;position:relative;z-index:1;min-height:52px}@media (min-width:640px){.text-answer-option{padding:16px 20px;margin-bottom:12px;min-height:60px}}.text-answer-option:hover{background-color:var(--card-hover);border-color:var(--border-hover);transform:translateY(-1px)}.text-answer-option.selected{border-color:var(--primary);background-color:var(--card-hover)}.text-answer-option:focus{outline:2px solid var(--primary);outline-offset:2px}.image-answer-option{background-color:var(--card);border-radius:12px;transition:all .2s ease;border:1px solid var(--border);overflow:hidden;cursor:pointer;pointer-events:auto;position:relative;z-index:1}.image-answer-option:hover{background-color:var(--card-hover);border-color:var(--border-hover);transform:scale(1.02)}.image-answer-option.selected{border-color:var(--primary);background-color:var(--card-hover)}.color-option:focus,.image-answer-option:focus{outline:2px solid var(--primary);outline-offset:2px}.radio-circle{width:20px;height:20px;border-radius:50%;border:2px solid #555;display:flex;align-items:center;justify-content:center;margin-right:12px;flex-shrink:0;pointer-events:none;transition:all .2s ease}@media (min-width:640px){.radio-circle{width:24px;height:24px;margin-right:16px}}.radio-circle.selected{border-color:var(--primary);background-color:var(--primary);box-shadow:0 0 0 3px rgba(255,222,89,.3)}.radio-circle.selected:after{content:"";width:8px;height:8px;border-radius:50%;background-color:#000;margin-top:1px}@media (min-width:640px){.radio-circle.selected:after{width:12px;height:12px}}.color-swatch{width:32px;height:32px;border-radius:100%;margin-right:16px;flex-shrink:0;border:1px solid hsla(0,0%,100%,.1);pointer-events:none;transition:all .2s ease}.hero-results{height:100vh;width:100%;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center}.hero-results__title{font-size:clamp(2rem,12vw,8rem);font-weight:800;text-transform:uppercase;letter-spacing:-.05em;line-height:.9;color:var(--primary);text-align:center}@media (min-width:768px){.hero-results__title{font-size:clamp(3rem,15vw,12rem)}}.hero-results__subtitle{font-size:clamp(.875rem,2.5vw,1.5rem);font-weight:300;text-transform:uppercase;letter-spacing:.2em;color:#fff;margin-bottom:1.5rem;text-align:center}@media (min-width:768px){.hero-results__subtitle{font-size:clamp(1rem,3vw,2rem);margin-bottom:2rem}}.hero-results__model{width:clamp(120px,25vw,200px);height:clamp(120px,25vw,200px);margin-bottom:1.5rem}@media (min-width:768px){.hero-results__model{width:clamp(150px,30vw,300px);height:clamp(150px,30vw,300px);margin-bottom:2rem}}.fonts-loaded{transition:opacity .2s ease}html{font-display:optional}@layer base{html{text-rendering:optimizeSpeed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@layer utilities{.text-balance{text-wrap:balance}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-bounce{animation:bounce 2s infinite}.page-transition-enter{opacity:0;transform:translateY(20px)}.page-transition-enter-active{transition:opacity .5s,transform .5s}.page-transition-enter-active,.page-transition-exit{opacity:1;transform:translateY(0)}.page-transition-exit-active{opacity:0;transform:translateY(-20px);transition:opacity .5s,transform .5s}.parallax-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:50%;will-change:transform}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-float{animation:float 3s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.animate-float{animation:none}.nav-button:hover{transform:none}}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}to{transform:scale(1);opacity:1}}.animate-pulse-slow{animation:pulse 3s ease-in-out infinite}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.animate-gradient{background-size:200% 200%;animation:gradient 15s ease infinite}.stagger-fade-in>*{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.stagger-fade-in.active>:first-child{opacity:1;transform:translateY(0);transition-delay:.1s}.stagger-fade-in.active>:nth-child(2){opacity:1;transform:translateY(0);transition-delay:.2s}.stagger-fade-in.active>:nth-child(3){opacity:1;transform:translateY(0);transition-delay:.3s}.stagger-fade-in.active>:nth-child(4){opacity:1;transform:translateY(0);transition-delay:.4s}.stagger-fade-in.active>:nth-child(5){opacity:1;transform:translateY(0);transition-delay:.5s}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.color-option:focus-visible,.cursor-pointer:focus-visible,.option-card:focus-visible,button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (hover:none) and (pointer:coarse){.color-option:hover,.nav-button:hover,.option-card:hover{transform:none}.color-option,.nav-button,.option-card{min-height:48px}}@media (prefers-contrast:high){.color-option,.nav-button,.option-card{border-width:2px}.color-option.selected,.option-card.selected{border-width:3px}}@media (max-width:767px){.color-option,.image-answer-option,.nav-button,.text-answer-option{min-height:48px;touch-action:manipulation}}@font-face{font-family:__Space_Grotesk_c22fe1;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/e1aab0933260df4d-s.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1ea0-1ef9,U+20ab}@font-face{font-family:__Space_Grotesk_c22fe1;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/b7387a63dd068245-s.woff2) format("woff2");unicode-range:U+0100-02ba,U+02bd-02c5,U+02c7-02cc,U+02ce-02d7,U+02dd-02ff,U+0304,U+0308,U+0329,U+1d00-1dbf,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c0,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:__Space_Grotesk_c22fe1;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/36966cca54120369-s.p.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:__Space_Grotesk_c22fe1;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/e1aab0933260df4d-s.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1ea0-1ef9,U+20ab}@font-face{font-family:__Space_Grotesk_c22fe1;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/b7387a63dd068245-s.woff2) format("woff2");unicode-range:U+0100-02ba,U+02bd-02c5,U+02c7-02cc,U+02ce-02d7,U+02dd-02ff,U+0304,U+0308,U+0329,U+1d00-1dbf,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c0,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:__Space_Grotesk_c22fe1;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/36966cca54120369-s.p.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:__Space_Grotesk_c22fe1;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/e1aab0933260df4d-s.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1ea0-1ef9,U+20ab}@font-face{font-family:__Space_Grotesk_c22fe1;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/b7387a63dd068245-s.woff2) format("woff2");unicode-range:U+0100-02ba,U+02bd-02c5,U+02c7-02cc,U+02ce-02d7,U+02dd-02ff,U+0304,U+0308,U+0329,U+1d00-1dbf,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c0,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:__Space_Grotesk_c22fe1;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/36966cca54120369-s.p.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:__Space_Grotesk_c22fe1;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/e1aab0933260df4d-s.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1ea0-1ef9,U+20ab}@font-face{font-family:__Space_Grotesk_c22fe1;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/b7387a63dd068245-s.woff2) format("woff2");unicode-range:U+0100-02ba,U+02bd-02c5,U+02c7-02cc,U+02ce-02d7,U+02dd-02ff,U+0304,U+0308,U+0329,U+1d00-1dbf,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c0,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:__Space_Grotesk_c22fe1;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/36966cca54120369-s.p.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:__Space_Grotesk_c22fe1;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/e1aab0933260df4d-s.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1ea0-1ef9,U+20ab}@font-face{font-family:__Space_Grotesk_c22fe1;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/b7387a63dd068245-s.woff2) format("woff2");unicode-range:U+0100-02ba,U+02bd-02c5,U+02c7-02cc,U+02ce-02d7,U+02dd-02ff,U+0304,U+0308,U+0329,U+1d00-1dbf,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c0,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:__Space_Grotesk_c22fe1;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/36966cca54120369-s.p.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:__Space_Grotesk_Fallback_c22fe1;src:local("Arial");ascent-override:88.82%;descent-override:26.36%;line-gap-override:0.00%;size-adjust:110.78%}.__className_c22fe1{font-family:__Space_Grotesk_c22fe1,__Space_Grotesk_Fallback_c22fe1,system-ui,sans-serif;font-style:normal}.__variable_c22fe1{--font-space-grotesk:"__Space_Grotesk_c22fe1","__Space_Grotesk_Fallback_c22fe1",system-ui,sans-serif}@font-face{font-family:__Bebas_Neue_d758cf;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/8b44c7e6549520b2-s.woff2) format("woff2");unicode-range:U+0100-02ba,U+02bd-02c5,U+02c7-02cc,U+02ce-02d7,U+02dd-02ff,U+0304,U+0308,U+0329,U+1d00-1dbf,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c0,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:__Bebas_Neue_d758cf;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/6c25f6e897d845a3-s.p.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:__Bebas_Neue_Fallback_d758cf;src:local("Arial");ascent-override:116.50%;descent-override:38.83%;line-gap-override:0.00%;size-adjust:77.25%}.__className_d758cf{font-family:__Bebas_Neue_d758cf,__Bebas_Neue_Fallback_d758cf;font-weight:400;font-style:normal}.__variable_d758cf{--font-bebas-neue:"__Bebas_Neue_d758cf","__Bebas_Neue_Fallback_d758cf"}