@font-face{font-family:univia pro;src:url(/starvskumpass/fonts/Mostardesign-UniviaPro-Light.otf)format('opentype');font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:univia pro;src:url(/starvskumpass/fonts/Mostardesign-UniviaPro-Medium.otf)format('opentype');font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:univia pro;src:url(/starvskumpass/fonts/Mostardesign-UniviaProUltra.otf)format('opentype');font-weight:900;font-style:normal;font-display:swap}:root{--color-bg:#004F7C;--color-bg-dark:#093E55;--color-yellow:#FFDD00;--color-yellow-hover:#FFD633;--color-white:#FFFFFF;--color-white-60:rgba(255, 255, 255, 0.6);--color-white-20:rgba(255, 255, 255, 0.2);--color-white-10:rgba(255, 255, 255, 0.1);--color-dark:#0A3344;--color-text:#FFFFFF;h1 { font-family: var(--font-family-heading); font-weight: 900; } .question__title { font-size: var(--fs-2xl); font-weight: 500; line-height: 1.15; margin-bottom: var(--sp-xl); } .question__subtitle, .question__question { font-size: var(--fs-md); font-weight: 500; line-height: 1.55; color: var(--color-white); padding-bottom: var(--sp-xl); } --font-family: 'Univia Pro', -apple-system, BlinkMacSystemFont, sans-serif;--fs-xs:0.75rem;--fs-sm:0.875rem;--fs-base:1rem;--fs-md:1.125rem;--fs-lg:1.375rem;--fs-xl:1.75rem;--fs-2xl:2.25rem;--fs-3xl:3rem;--sp-xs:0.5rem;--sp-sm:0.75rem;--sp-md:1rem;--sp-lg:1.5rem;--sp-xl:2rem;--sp-2xl:3rem;--sp-3xl:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--ease-out:cubic-bezier(0.16, 1, 0.3, 1);--duration:0.35s}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-weight:300;background-color:var(--color-bg);color:var(--color-text);line-height:1.5;min-height:100dvh;overflow-x:hidden}a{color:var(--color-yellow);text-decoration:underline;text-underline-offset:2px}a:hover{color:var(--color-yellow-hover)}ul{list-style:none}button{cursor:pointer;border:none;background:0 0;font-family:inherit}img{max-width:100%;display:block}.screen{display:none;min-height:100dvh;opacity:0;transition:opacity var(--duration)var(--ease-out)}.screen--active{display:flex;opacity:1}.screen--fade-in{animation:fadeIn var(--duration)var(--ease-out)forwards}@keyframes fadeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.screen__inner{width:100%;max-width:480px;margin:0 auto;padding:var(--sp-xl)var(--sp-lg)var(--sp-3xl);display:flex;flex-direction:column}.logo{display:inline-block;text-decoration:none;margin-bottom:var(--sp-2xl)}.logo__img{height:44px;width:auto}.btn{display:block;width:100%;padding:var(--sp-lg)var(--sp-xl);font-size:var(--fs-lg);font-weight:800;text-align:center;text-decoration:none;text-transform:uppercase;letter-spacing:.03em;border-radius:var(--radius-sm);transition:background var(--duration)var(--ease-out),color var(--duration)var(--ease-out),transform .15s var(--ease-out)}.btn:active{transform:scale(.98)}.btn--primary{background:var(--color-yellow);color:var(--color-bg)}.btn--primary:hover{background:var(--color-yellow-hover);color:var(--color-bg)}.btn--primary.btn--disabled{opacity:.4;pointer-events:none}.btn--outline{background:0 0;color:var(--color-white-60);border:1px solid var(--color-white-20);font-size:var(--fs-sm);font-weight:600;padding:var(--sp-md)var(--sp-lg);margin-top:var(--sp-lg)}.btn--outline:hover{border-color:var(--color-white);color:var(--color-white)}.landing__content{flex:1;display:flex;flex-direction:column;justify-content:center}.landing__title{font-size:var(--fs-3xl);font-weight:800;line-height:1.05;margin-bottom:var(--sp-xl)}.landing__title-line{display:block}.text-yellow{color:var(--color-yellow)}.landing__subtitle{font-size:var(--fs-md);font-weight:400;line-height:1.55;color:var(--color-white);max-width:340px}.landing__hero-image{margin-top:auto;margin-bottom:var(--sp-lg);width:calc(100% + var(--sp-lg) * 2);margin-left:calc(-1 * var(--sp-lg));pointer-events:none}.landing__hero-image img{width:100%;height:auto;object-fit:contain}.landing__cta{margin-top:auto;text-align:center}.landing__arrow{margin-bottom:var(--sp-xl);animation:bounceArrow 2s var(--ease-out)infinite}@keyframes bounceArrow{0%,100%{transform:translateY(0)}50%{transform:translateY(10px)}}.question__progress{display:flex;align-items:center;gap:var(--sp-sm);margin-bottom:var(--sp-xl)}.question__progress-bar{flex:1;height:4px;background:var(--color-white-20);border-radius:2px;overflow:hidden}.question__progress-fill{height:100%;background:var(--color-yellow);border-radius:2px;width:12.5%;transition:width var(--duration)var(--ease-out)}.question__progress-text{font-size:var(--fs-xs);font-weight:600;color:var(--color-white-60);white-space:nowrap;min-width:36px;text-align:right}.question__title{font-size:var(--fs-2xl);font-weight:800;line-height:1.15;margin-bottom:var(--sp-xl)}.question__options{display:flex;flex-direction:column;gap:var(--sp-sm);margin-bottom:var(--sp-2xl);flex:1}.option{display:flex;align-items:flex-start;gap:var(--sp-md);padding:var(--sp-md)var(--sp-lg);border:2px solid var(--color-white-20);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--duration)var(--ease-out),background var(--duration)var(--ease-out);-webkit-tap-highlight-color:transparent}.option:hover{border-color:var(--color-white-60)}.option--selected{border-color:var(--color-yellow);background:var(--color-white-10)}.option__dot{width:20px;height:20px;border-radius:50%;border:2px solid var(--color-white-60);flex-shrink:0;margin-top:2px;position:relative;transition:border-color var(--duration)var(--ease-out),background var(--duration)var(--ease-out)}.option--selected .option__dot{border-color:var(--color-yellow);background:var(--color-yellow)}.option--selected .option__dot::after{content:'';position:absolute;top:4px;left:4px;width:8px;height:8px;border-radius:50%;background:var(--color-dark)}.option__text{font-size:var(--fs-base);font-weight:500;line-height:1.45;color:var(--color-white)}#screen-result .screen__inner{max-width:480px;padding-left:var(--sp-lg);padding-right:var(--sp-lg)}.result__content{position:relative;width:100%;margin-top:var(--sp-2xl);margin-bottom:var(--sp-xl)}#screen-result .screen__inner{max-width:480px;padding-left:var(--sp-lg);padding-right:var(--sp-lg);overflow-x:clip}.result__image-wrap{position:absolute;top:-60px;right:-20%;width:75%;max-width:340px;pointer-events:none;z-index:0}.result__image-wrap img{width:100%;height:auto;object-fit:contain}.result__overlay{position:relative;z-index:1}.result__title{font-size:var(--fs-2xl);font-weight:800;line-height:1.05;margin-bottom:var(--sp-sm);max-width:65%}.result__title .text-yellow{color:var(--color-yellow)}.result__tagline{font-size:var(--fs-lg);font-weight:600;font-style:italic;color:var(--color-yellow);line-height:1.35;margin-bottom:var(--sp-xl);max-width:50%}.result__body{display:flex;flex-direction:column;gap:var(--sp-md)}.result__body p{font-size:var(--fs-base);line-height:1.6;color:var(--color-white)}.result__contact{position:relative;z-index:2;background:var(--color-yellow);background-color:var(--color-yellow);border:none;border-radius:var(--radius-lg);padding:var(--sp-xl);margin-bottom:var(--sp-lg);opacity:1}.result__contact-title{font-size:var(--fs-lg);font-weight:700;margin-bottom:var(--sp-sm);color:var(--color-bg)}.result__contact-text{font-size:var(--fs-sm);line-height:1.5;color:var(--color-bg);margin-bottom:var(--sp-sm)}.result__contact-text a{color:var(--color-bg);font-weight:600}.result__code{text-align:center;font-size:var(--fs-sm);font-weight:500;color:var(--color-white-60);letter-spacing:.15em;margin-bottom:var(--sp-md);font-family:monospace}@media(min-width:768px){.screen__inner{max-width:720px;padding:var(--sp-3xl)var(--sp-xl)}.landing__title{font-size:clamp(3.5rem,9vw,5rem);line-height:1.02;letter-spacing:-.01em}.landing__subtitle{font-size:var(--fs-xl);max-width:720px;line-height:1.35}.question__title{font-size:var(--fs-3xl)}#screen-result .screen__inner{max-width:720px;padding-left:var(--sp-xl);padding-right:var(--sp-xl);overflow-x:visible}.result__contact{max-width:60%}#result-body{max-width:55%}.result__image-wrap{top:-100px;max-width:initial}.result__tagline{max-width:60%}}