@import url(https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap);
@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}
.custom-file-upload-container{width:100%;margin:1rem 0}
.upload-area{position:relative;width:100%;min-height:200px;border:2px dashed #fff;border-radius:8px;background-color:rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s;overflow:hidden}
.upload-area:hover{background-color:rgba(255,255,255,.1);border-color:var(--color-primary-500)}
.upload-area.dragover{background-color:rgba(109,226,193,.1);border-color:var(--color-primary-500);transform:scale(1.02)}
.upload-content{text-align:center;color:#fff;padding:2rem}
.upload-icon{color:#fff;margin-bottom:1rem;opacity:.8}
.upload-text{font-size:1.1rem;font-weight:600;margin:.5rem 0;color:#fff;text-transform:uppercase}
.upload-subtext{font-size:.9rem;opacity:.7;margin:0;color:#fff}
.loading-spinner{text-align:center;color:#fff;padding:2rem}
.spinner{border-top:3px solid var(--color-primary-500);margin:0 auto 1rem}
.image-preview{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;min-height:200px}
.image-preview img{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px}
.remove-image{position:absolute;top:10px;right:10px;background:rgba(0,0,0,.7);color:#fff;border:none;border-radius:50%;width:30px;height:30px;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:background-color .3s}
.remove-image:hover{background:rgba(0,0,0,.9)}
: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)}
html{scroll-behavior:smooth;font-family:Jost,sans-serif;font-optical-sizing:auto;font-style:normal;font-size:16px}
body{width:100%;max-width:100%;overflow-x:hidden;font-family:Jost,sans-serif;font-optical-sizing:auto;font-style:normal;margin:0 auto;padding:0;background-color:var(--color-secondary-600);color:var(--color-secondary-600);max-width:1440px}
a,button,img,input,label,picture,select,svg,textarea,video{-webkit-user-drag:none!important;user-drag:none!important;pointer-events:auto}
*{user-select:none!important;-webkit-user-select:none!important;-ms-user-select:none!important;-moz-user-select:none!important;-webkit-touch-callout:none!important;-webkit-touch-callout:none!important;-webkit-user-drag:none!important;draggable:false}
.arrow{animation:1s ease-in-out infinite upDown}
section{overflow-x:clip}
@keyframes upDown{
0%,100%{transform:translateY(0)}
50%{transform:translateY(-1vw)}
}
#hero-start-arrow{position:absolute;top:50svh;left:46%}
#hero-footer-arrow{position:absolute;bottom:53vw;z-index:10000}
#main-content{display:block}
.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}
#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}
.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}
#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:1.5rem;width:1.5rem}
#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}
#hero-bottom-edge{position:absolute;top:-50px;z-index:100}
#prizes{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2vw;background-color:var(--color-primary-500);padding:2vw;position:relative}
#prizes .prizes-prize-group{width:90%;margin:auto;z-index:200}
#prizes-bottom-edge{position:absolute;bottom:-10vw;z-index:1000}
#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:flex-start;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:1.5rem;width:1.5rem}
#konkurs-form button{background:#fff;border:3px solid #000;color:#000}
#konkurs-form input[type=radio]{width:1.2rem;font-size:12px;height:1.2rem}
#konkurs-hero{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:2vw;background-color:var(--color-secondary-600);overflow:hidden;z-index:500}
#hero-1,#hero-3{z-index:10000}
.video-container{width:100%;height:auto;aspect-ratio:3/4;position:relative;margin-top:-15vw}
.video-mask{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;pointer-events:none}
.video-video{position:absolute;top:0;left:0;width:100%;height:100%}
.video-video video{width:100%}
@media (max-width:600px){
#desktop-info{display:none}
}
@media (min-width:601px){
#desktop-info{background-color:var(--color-primary-500);position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;z-index:1000000}
#desktop-info img{max-height:90vh;max-width:50vw}
#konkurs-page{display:none}
}
/*# sourceMappingURL=style.min.css.map */