@import url(https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap);
html{scroll-behavior:smooth;font-size:1rem}
@keyframes shake{
0%,100%{transform:translateX(0)}
10%,30%,50%,70%,90%{transform:translateX(-5px)}
20%,40%,60%,80%{transform:translateX(5px)}
}
.shake-animation{animation:.5s ease-in-out shake}
:root{--font-family-main:'Jost',sans-serif;--text-case-uppercase:uppercase;--text-case-none:none;--text-decoration-none:none;--paragraph-indent:0px;--paragraph-spacing:0px;--font-stretch-normal:normal;--font-style-normal:normal;--font-weight-header:700;--color-neutral-100:#ffffff;--color-neutral-900:#000000;--color-primary-100:#f1ffdd;--color-primary-500:#6de2c1;--color-primary-700:#02884d;--color-secondary-100:#f1e3ff;--color-secondary-500:#7935bd;--color-secondary-600:#541d8a;--color-secondary-700:#3c1067;--color-secondary-800:#110f12;--font-body-l-big-line-spacing-font-size:16px;--font-body-l-big-line-spacing-font-weight:400;--font-body-l-big-line-spacing-letter-spacing:-0.24px;--font-body-l-big-line-spacing-line-height:23.2px;--font-body-l-normal-line-spacing-font-size:16px;--font-body-l-normal-line-spacing-font-weight:700;--font-body-l-normal-line-spacing-letter-spacing:-0.16px;--font-body-l-normal-line-spacing-line-height:20.8px;--font-body-l-tight-line-spacing-font-size:16px;--font-body-l-tight-line-spacing-font-weight:700;--font-body-l-tight-line-spacing-letter-spacing:-0.4px;--font-body-l-tight-line-spacing-line-height:16px;--font-body-m-normal-line-spacing-font-size:14px;--font-body-m-normal-line-spacing-font-weight:700;--font-body-m-normal-line-spacing-letter-spacing:0px;--font-body-m-normal-line-spacing-line-height:18.2px;--font-body-m-tight-line-spacing-font-size:14px;--font-body-m-tight-line-spacing-font-weight:700;--font-body-m-tight-line-spacing-letter-spacing:0.14px;--font-body-m-tight-line-spacing-line-height:12.04px;--font-body-s-font-size:12px;--font-body-s-font-weight:700;--font-body-s-letter-spacing:-0.12px;--font-body-s-line-height:15.6px;--font-family-base:'Inter';--font-header-2xl-font-size:32px;--font-header-2xl-font-weight:700;--font-header-2xl-letter-spacing:-0.32px;--font-header-2xl-line-height:33.6px;--font-header-3xl-font-size:38px;--font-header-3xl-font-weight:700;--font-header-3xl-letter-spacing:-1.52px;--font-header-3xl-line-height:38px;--font-header-4xl-font-size:4rem;--font-header-4xl-font-weight:700;--font-header-4xl-letter-spacing:-2.56px;--font-header-4xl-line-height:64px;--font-header-l-font-size:1.5rem;--font-header-l-font-weight:700;--font-header-l-letter-spacing:-0.96px;--font-header-l-line-height:1.5rem;--font-header-s-font-size:1.1rem;--font-header-s-font-weight:700;--font-header-s-letter-spacing:-0.45px;--font-header-s-line-height:1.25rem;--font-header-xl-font-size:1.75rem;--font-header-xl-font-weight:700;--font-header-xl-letter-spacing:-0.28px;--font-header-xl-line-height:1.75rem;--grid-main-alignment:stretch;--grid-main-column-count:12;--grid-main-gutter-size:12px;--grid-main-offset:32px;--grid-main-pattern:columns;--radius-l:0;--radius-m:0;--radius-s:0;--size-grid-columns-count:4;--size-grid-gutter:8px;--size-grid-margin:16px;--size-page-width:360px}
input[type=checkbox]{accent-color:var(--color-primary-500)}
*,body,html{user-select:none!important;-webkit-user-select:none!important;-ms-user-select:none!important;-moz-user-select:none!important;-webkit-touch-callout:none!important}
body,html{overflow-x:clip;width:100vw;max-width:100vw}
a,button,img,input,label,picture,select,svg,textarea,video{-webkit-user-drag:none!important;user-drag:none!important;pointer-events:auto}
*{-webkit-touch-callout:none!important;-webkit-user-drag:none!important;draggable:false}
body{font-family:Jost,sans-serif;font-optical-sizing:auto;font-style:normal;margin:0 auto;padding:0;background-color:var(--color-primary-500);color:var(--color-secondary-600);max-width:1440px}
.arrow{animation:1s ease-in-out infinite upDown}
@keyframes upDown{
0%,100%{transform:translateY(0)}
50%{transform:translateY(-1vw)}
}
#hero-start-arrow{position:absolute;top:50svh;left:46%}
#hero-footer-arrow{position:relative;bottom:20px}
#main-content{display:block}
#sticker{position:fixed;left:0;right:0;top:calc(100svh - 18.46vw);width:100vw;margin:0;z-index:100000;overflow:clip}
#sticker img{width:100%;z-index:10000}
#sticker #black{width:100vw;height:130px;background-color:#000;position:relative;bottom:10px;z-index:5000}
.spinner{display:inline-block;width:24px;height:24px;border:3px solid rgba(0,0,0,.15);border-top:3px solid #000;border-radius:50%;animation:.8s linear infinite spin;vertical-align:middle}
@keyframes spin{
0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
@media (min-width:769px){
#desktop-view{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;position:fixed;top:0;left:0;background-color:var(--color-primary-500);z-index:1000}
#main-content{display:none}
}
.inverted{background-color:var(--color-secondary-600);color:var(--color-primary-500)}
h1,h2,h3,h4,h5{margin:0}
.header-base,button,label{text-transform:uppercase;font-family:inherit;font-stretch:normal;font-style:normal;font-weight:700;text-decoration:none}
.header-4xl{font-size:clamp(3rem,15vw,8rem);letter-spacing:var(--font-header-4xl-letter-spacing);line-height:var(--font-header-4xl-line-height)}
.header-3xl{font-size:var(--font-header-3xl-font-size);letter-spacing:var(--font-header-3xl-letter-spacing);line-height:var(--font-header-3xl-line-height)}
.header-2xl{font-size:var(--font-header-2xl-font-size);letter-spacing:var(--font-header-2xl-letter-spacing);line-height:var(--font-header-2xl-line-height)}
.header-xl{font-size:var(--font-header-xl-font-size);letter-spacing:var(--font-header-xl-letter-spacing);line-height:var(--font-header-xl-line-height)}
.header-l{font-size:var(--font-header-l-font-size);letter-spacing:var(--font-header-l-letter-spacing);line-height:var(--font-header-l-line-height)}
.header-s{font-size:var(--font-header-s-font-size);letter-spacing:var(--font-header-s-letter-spacing);line-height:var(--font-header-s-line-height)}
footer{padding:0;margin:0}
footer img{position:relative;top:10px}
img{max-width:100%}
#hero{padding-top:50px;position:relative;min-height:550px;max-height:780px;background-image:url(/assets/images/manifesto-top-border.webp);background-repeat:no-repeat;background-size:contain;background-position:bottom;padding-bottom:120px}
#hero-container{position:relative;bottom:15vw;width:95%;height:auto;margin:0 auto;overflow:clip}
#hero-mask{position:relative;width:100%;height:auto;mask-image:url(/assets/images/hero-photo-mask.webp);-webkit-mask-image:url(/assets/images/hero-photo-mask.webp);mask-repeat:no-repeat;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;-webkit-mask-size:100% 100%}
#hero-image{display:block;width:140%;max-width:140%;position:relative;right:15vw;bottom:0;height:auto;object-fit:cover}
#logo{position:absolute;right:30px;top:30px}
#hero-header-container{position:relative;width:90%;height:200px;margin:auto;z-index:1000}
#hero-header-hash{position:absolute;top:-15px;left:30px}
#hero-header-pierwsza{background-image:url(/assets/images/hero-header-pierwsza-bg.svg);background-size:cover;background-position:center;aspect-ratio:337/69;color:var(--color-neutral-100);background-repeat:no-repeat;position:absolute;top:35px;width:calc(337 / 360 * 100%);text-align:center;padding:8px 6px;display:flex;align-items:center;justify-content:center;font-size:clamp(3.6rem,17vw,5.2rem)}
#hero-header-bez,#hero-header-chata,#hero-header-starych{background-color:var(--color-neutral-100);padding:6px;border:0}
#hero-header-chata{position:absolute;top:112px;left:51px}
#hero-header-bez{position:absolute;top:162px;left:27px}
#hero-header-starych{position:absolute;top:161px;right:00px;rotate:-4deg}
#hero-header-key{position:absolute;top:120px;left:calc(190/360 * 100% + 5%)}
#hero-chat-container{position:relative;bottom:28vw;width:100%}
#hero-head{position:absolute;right:25vw;top:-15px;font-size:2rem}
#hero-chat-01{position:relative;left:2vw}
#hero-chat-02{position:absolute;right:1vw;top:35px}
#hero-chat-seen{position:absolute;top:70px;right:2vw}
#hero-footer-container{position:relative;bottom:15vw;display:flex;align-items:center;flex-direction:column;gap:3vw}
#manifesto{position:relative;background-image:url(/assets/images/manifesto-bottom-border.webp);background-size:contain;background-position:bottom;background-repeat:no-repeat;padding-bottom:clamp(75px,15vw,140px);top:-2px}
#manifesto-inner-container{width:100%;position:relative}
#manifesto-header{position:relative}
#manifesto-top-header{color:#fff;text-align:center;width:100%;margin-bottom:1rem;position:relative;top:-20px}
#manifesto-header-gdzie,#manifesto-header-idziesz{background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;color:var(--color-secondary-600);text-align:center;font-size:clamp(4rem,10vw,7rem)}
#manifesto-header-gdzie{background-image:url(/assets/images/manifesto-header-gdzie-bg.svg);aspect-ratio:201/69;background-repeat:no-repeat;position:relative;left:5%;width:calc(201 / 360 * 100%)}
#manifesto-header-idziesz{background-image:url(/assets/images/manifesto-header-idziesz-bg.svg);aspect-ratio:247/70;right:5%;margin-left:auto;margin-right:5vw;width:calc(241 / 360 * 100%)}
#manifesto-arrow{position:absolute;top:clamp(140px,50vw,200px);left:calc(50 / 360 * 100%);rotate:-27deg}
#manifesto-header-oktorej,#manifesto-header-wrocisz{background-color:#fff;color:var(--color-secondary-600);position:relative;padding:2px}
#manifesto-header-oktorej{margin-left:calc(164 / 360 * 100%);top:clamp(0,4vw,12px);right:5%;font-size:clamp(2rem,5vw,4rem)}
#manifesto-header-wrocisz{margin-left:calc(58 / 360 * 100%);margin-right:auto;top:clamp(2rem,7vw,5rem);font-size:clamp(2rem,11vw,4rem)}
#manifesto-text-container{display:flex;flex-direction:column;gap:2px;margin-bottom:20px}
#manifesto-text-container .manifesto-text-box{background-color:#fff;color:var(--color-secondary-600);text-transform:uppercase;font-weight:700;font-size:clamp(1.125rem,5vw,1.5rem);line-height:1.1;letter-spacing:-.025em;width:calc(328 / 360 * 100%);margin:auto;padding:calc(16 / 360 * 100%);box-sizing:border-box;display:flex;align-items:center;position:relative}
#manifesto-text-box-1 span,#manifesto-text-box-2 span{position:absolute;font-size:clamp(2rem,6vw,3rem);width:2rem;height:2rem;text-align:center;display:flex;align-items:center;justify-content:center;font-weight:500;right:calc(5 / 360 * 100%);top:calc(10 / 360 * 100%);rotate:15deg}
.strikethrough-container{opacity:.5}
#manifesto-photo-container{margin-bottom:-70vw}
#manifesto-photo img{mask-image:url(/assets/images/manifesto-photo-mask.webp);-webkit-mask-image:url(/assets/images/manifesto-photo-mask.webp);mask-repeat:no-repeat;mask-size:100% 100%}
#rules{background-image:url(/assets/images/rules-bg.svg);background-size:cover;background-position:top}
#rules-header{position:relative}
#rules-header-chata,#rules-header-zasady{background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center;padding:8px 6px;font-size:clamp(4rem,10vw,7rem);height:auto}
#rules-header-chata{background-image:url(/assets/images/rules-header-chata-bg.svg);aspect-ratio:205/64;width:calc(205 / 360 * 100%);margin-left:auto;margin-right:5vw}
#rules-header-zasady{background-image:url(/assets/images/rules-header-zasady-bg.svg);aspect-ratio:261/64;width:calc(261 / 360 * 100%);margin-left:auto;margin-right:5vw}
#rules-header-arrow{position:absolute;top:clamp(106px,23vw,200px);left:0;rotate:0}
#rules-header-twoja,#rules-header-twoje{background-color:#fff;color:var(--color-secondary-600);position:relative;left:5%;padding:2px}
.rules-header-rotate{rotate:-4deg}
#rules-header-twoja{top:clamp(0,4vw,8px);margin-left:20px;font-size:clamp(2rem,5vw,4rem);z-index:2000}
#rules-header-twoje{margin-left:calc(58 / 360 * 100%);margin-right:auto;top:clamp(0,7vw,2rem);font-size:clamp(2rem,11vw,4rem);z-index:2000}
#rules-header-mark{position:absolute;bottom:0;right:0}
#rules-features-container{position:relative;overflow:clip}
.rules-feature{width:90%;margin:auto auto -50px;text-align:center}
.rules-feature img{width:90%}
.rules-feature h3{background-color:#fff;display:flex;justify-content:center;align-items:center;text-align:center;padding:5px;position:relative;top:-50px}
button{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:9px 12px 10px;gap:12px;width:329px;height:52px;border-radius:0;font-family:Jost,sans-serif;font-style:normal;font-weight:700;font-size:16px;line-height:100%;letter-spacing:-.025em;text-transform:uppercase;color:#fff;cursor:pointer}
#quiz{background-position:bottom;background-size:contain;background-repeat:no-repeat;aspect-ratio:360/640;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:-30px}
#quiz-intro{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6vw;text-align:center}
#quiz-intro a:link{color:var(--color-secondary-600);text-decoration:underline}
#quiz-intro button,#quiz-results button{background:#000;border:3px solid #fff}
#quiz-results button.inverted-button{background:#fff;border:3px solid #000;color:#000}
#quiz-questions{display:none}
#quiz-question-container h2{min-height:7rem;display:flex;align-items:center;justify-content:center}
.quiz-answer-group{position:relative}
.quiz-answer-label{rotate:-8deg;position:absolute;background:#f54c13;text-transform:uppercase;color:#fff;aspect-ratio:1;width:2rem;display:flex;align-items:center;flex-direction:column;justify-content:center;z-index:1000;top:-5px;right:-5px}
#quiz-separator{width:100%}
#quiz-separator img{margin-top:-55px;margin-bottom:-75px;width:100%}
#quiz-results{display:none;flex-direction:column;align-items:center;justify-content:center;gap:5vw;text-align:left;width:95%;padding:0 20px;aspect-ratio:360/640;position:relative}
#quiz-results>div[id^=quiz-result-]{display:none}
.quiz-result-header{position:relative}
#quiz-results h3{text-transform:uppercase;font-size:1.5rem;margin-bottom:8vw;position:relative;top:-5vw}
#quiz-results span.quiz-result-header-word{background:var(--color-primary-500);color:var(--color-secondary-600);padding:4px;font-size:clamp(1.5rem,8vw,2rem);position:absolute}
#quiz-result-geniusz,#quiz-result-kontrolowanego,#quiz-result-krolowa,#quiz-result-mistrz,#quiz-result-na,#quiz-result-zycie{top:-16vw}
#quiz-result-chaosu,#quiz-result-improwizacji,#quiz-result-organizacji,#quiz-result-yolo{top:-4vw;left:30vw}
#quiz-result-geniusz,#quiz-result-krolowa,#quiz-result-mistrz,#quiz-result-zycie{left:5vw}
#quiz-result-kontrolowanego,#quiz-result-na{font-size:clamp(1rem,4vw,1.5rem)!important}
#quiz-result-na{left:30vw}
#quiz-result-kontrolowanego{left:45vw}
.quiz-result-emoji{position:absolute}
#quiz-result-1 div.quiz-result-emoji{left:16vw}
#quiz-result-2 div.quiz-result-emoji{right:16vw}
#quiz-result-3 div.quiz-result-emoji{left:18vw}
#quiz-result-4 div.quiz-result-emoji{left:20vw}
#quiz-results img{max-width:95%;height:auto;margin-bottom:1rem;position:relative;top:5vw}
#quiz-results p{color:#fff;line-height:1.65}
#quiz-results .quiz-result-hashtag{font-weight:700;border:1px solid var(--color-secondary-500);background:var(--color-secondary-700)}
#quiz-question-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3vw;text-align:center}
#quiz-question-container button{margin:auto;background-color:#000;text-align:left;padding:40px 10px;border:0;min-height:44px}
#contact{margin-top:-5px;padding-top:10vw;background-position:bottom;background-size:contain;background-repeat:no-repeat;aspect-ratio:360/640;padding-bottom:10vw}
#contact-header-container{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:4vw;margin-bottom:4vw}
#contact-animation-wrapper{position:relative}
#contact-form,#contact-success{position:absolute;left:0;width:100%}
#contact-header-container h3{color:#fff}
#contact .contact-form-container{display:flex;flex-direction:column;gap:4vw;width:95%;margin:auto;text-align:center}
#contact .contact-form-container button{margin:auto}
#contact .contact-form-group{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:left;gap:2vw}
.contact-form-checkbox-container{width:10vw}
#contact .contact-form-group#contact-form-accept{display:flex;flex-direction:row;align-items:flex-start;gap:5vw;width:335px;margin:auto}
#contact label{color:var(--color-primary-100);width:100%}
#contact label span{color:var(--color-primary-500)}
#contact a:link,#contact a:visited{color:var(--color-primary-100);text-decoration:underline}
#contact input:not([type=checkbox]),#contact select{width:329px;height:52px;background:#fff;border:1px solid #ddd;color:#000;border-radius:0;padding:0 12px;font-family:Jost,sans-serif;font-size:24px;box-sizing:border-box}
#contact input[type=checkbox]{height:2rem;width:2rem}
#contact button{background:#fff;border:3px solid #000;color:#000}
#contact-form-instagram{margin-top:5vw;margin-bottom:5vw;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2vw}
#contact-success{display:none;flex-direction:column;align-items:center;justify-content:center;gap:8vw;top:25vw}
#desktop-view{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--color-primary-500);justify-content:center;align-items:center;z-index:9999}
#desktop-view img{width:80%;height:80%;object-fit:contain}
body.desktop-mode #main-content{display:none!important}
body.desktop-mode #desktop-view{display:flex!important}
#konkurs-form .contact-form-container{display:flex;flex-direction:column;gap:4vw;width:95%;margin:auto;text-align:center}
#konkurs-form .contact-form-container button{margin:auto}
#konkurs-form .contact-form-group{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:left;gap:2vw}
#konkurs-form label{color:var(--color-primary-100);width:100%}
#konkurs-form label span{color:var(--color-primary-500)}
#konkurs-form a:link,#konkurs-form a:visited{color:var(--color-primary-100);text-decoration:underline}
#konkurs-form input:not([type=checkbox]),#konkurs-form select{width:329px;height:52px;background:#fff;border:1px solid #ddd;color:#000;border-radius:0;padding:0 12px;font-family:Jost,sans-serif;font-size:24px;box-sizing:border-box}
#konkurs-form input[type=checkbox]{height:2rem;width:2rem}
#konkurs-form button{background:#fff;border:3px solid #000;color:#000}
#konkurs-form input[type=radio]{width:26px;font-size:12px;height:26px}
/*# sourceMappingURL=style.min.css.map */