@charset "UTF-8";:root{--color-purple-dark: #35273a;--color-purple-light: #433349;--color-orange-primary: #ffb770;--color-orange-secondary: #ffcfa1;--color-orange-tertiary: #fee9d4;--color-orange-quaternary: #ffb7704d;--color-orange-quaternary-hover: #FFB77099;--color-bg-card-light: #faf5fe;--color-bg-card-dark: #f4e9fb;--color-bg-card-dropdown: #ffffff;--color-bg-card-secondary: #d9d9d914;--color-bg-card-secondary-hover: #d9d9d929;--color-bg-card-syrvey-details: #8e70991a}:root{--font-heading: Nerko One;--font-button: Nokora;--font-text-regular: Mulish;--font-text-medium: Mulish;--font-text-semibold: Mulish;--font-text-bold: Mulish}:root{--font-size-h1: clamp(2.5rem, 6vw + 1rem, 100px);--font-size-h2: clamp(2rem, 5vw + .5rem, 72px);--font-size-text-large: clamp(1.5rem, 2vw + .5rem, 32px);--font-size-text-medium: clamp(1.25rem, 1vw + .5rem, 24px);--font-size-text-card-title: clamp(1.1rem, 1vw + .3rem, 26px);--font-size-text-regular: 16px;--font-size-text-small: 14px;--font-size-button: 18px}@font-face{font-display:swap;font-family:Nerko One;font-style:normal;font-weight:400;src:url(/poll_app/assets/fonts/nerko-one-v17-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Nokora;font-style:normal;font-weight:400;src:url(/poll_app/assets/fonts/nokora-v34-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Nokora;font-style:normal;font-weight:700;src:url(/poll_app/assets/fonts/nokora-v34-latin-700.woff2) format("woff2")}@font-face{font-display:swap;font-family:Mulish;font-style:normal;font-weight:400;src:url(/poll_app/assets/fonts/mulish-v18-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Mulish;font-style:normal;font-weight:500;src:url(/poll_app/assets/fonts/mulish-v18-latin-500.woff2) format("woff2")}@font-face{font-display:swap;font-family:Mulish;font-style:normal;font-weight:600;src:url(/poll_app/assets/fonts/mulish-v18-latin-600.woff2) format("woff2")}@font-face{font-display:swap;font-family:Mulish;font-style:normal;font-weight:700;src:url(/poll_app/assets/fonts/mulish-v18-latin-700.woff2) format("woff2")}@font-face{font-display:swap;font-family:Mulish;font-style:normal;font-weight:800;src:url(/poll_app/assets/fonts/mulish-v18-latin-800.woff2) format("woff2")}*{margin:0;padding:0;box-sizing:border-box}body[data-page=landing]{background-color:var(--color-purple-dark)}.container{max-width:1440px;width:100%;margin:0 auto;padding:20px}.centered-section{max-width:1200px;margin:0 auto;padding:0 80px}.section-spacing-vertical{margin-top:120px;margin-bottom:120px}@media(max-width:700px){.centered-section{padding:0}}.btn{font-family:var(--font-button);font-size:var(--font-size-button);font-weight:700;padding:.65rem 1.1rem;border-radius:8px;border:none;display:flex;justify-content:center;align-items:center;gap:.5rem;cursor:pointer}.btn--primary{background-color:var(--color-orange-secondary);color:var(--color-purple-dark)}.btn--primary:hover{background-color:var(--color-orange-primary)}.btn--icon-plus{position:relative;overflow:hidden}.btn--icon-plus:after{content:"";width:0;height:20px;margin-left:.5rem;background:url(/poll_app/assets/images/icons/add_circle.svg) no-repeat center;background-size:contain;transition:width .2s ease}.btn--icon-plus:hover:after{width:20px}.btn--icon-check:after{content:"";width:0;height:18px;margin-left:.5rem;background:url(/poll_app/assets/images/icons/checkmark.svg) no-repeat center;background-size:contain;transition:width .2s ease}.btn--icon-check:hover:after{width:18px}.btn--icon-check{position:relative;overflow:hidden}.btn--icon-check:after{content:"";width:0;height:20px;margin-left:.5rem;background:url(/poll_app/assets/images/icons/checkmark.svg) no-repeat center;background-size:contain;transition:width .2s ease}.btn--icon-check:hover:after{width:20px}.btn-secondary{padding:4px 20px;font-family:var(--font-button);font-size:var(--font-size-button);border-radius:15px;border:none;cursor:pointer;background-color:var(--color-orange-primary)}.btn-secondary-active{background-color:var(--color-orange-primary)}.btn-secondary-inactive{background-color:var(--color-orange-tertiary)}.btn-secondary:hover{background-color:var(--color-orange-secondary)}.btn-tertiary{display:flex;justify-content:center;align-items:center;gap:32px;padding:10px 12px;background:transparent;border-radius:15px;border:none;cursor:pointer;font-family:var(--font-button);font-size:var(--font-size-button);color:#fff;transition:color .2s ease}.btn-tertiary:hover{background-color:#d9d9d91f}.btn-tertiary:hover svg{color:var(--color-orange-primary)}.btn-tertiary .icon path{fill:currentColor;transition:transform .2s ease,fill .2s ease}.btn-tertiary.open .icon{transform:rotate(180deg)}.btn-quaternary{font-family:var(--font-button);font-size:var(--font-size-button);display:flex;justify-content:center;align-items:center;gap:8px;border-radius:8px;border:none;padding:10px 16px;cursor:pointer;background-color:var(--color-orange-quaternary);color:#fff}.btn-quaternary:hover{background-color:var(--color-orange-quaternary-hover)}.close-btn--mobile{display:none;margin-left:auto;padding:6px 10px 2px;border:none;border-radius:10px;background-color:var(--color-orange-secondary)}@media(max-width:1000px){.close-btn--mobile{display:block}}.see-results-btn--mobile{display:none;align-items:center;justify-content:space-between;width:130px;gap:8px;border:none;padding:10px 14px;border-radius:6px;cursor:pointer;font-family:var(--font-button);color:var(--color-purple-dark)}.see-results-btn--mobile svg{width:15px;height:8px;flex-shrink:0;transition:transform .25s ease}.see-results-btn--mobile.active svg{transform:rotate(180deg);color:var(--color-orange-primary)}@media(max-width:1000px){.see-results-btn--mobile{display:flex}}@media(max-width:400px){.btn-secondary{font-size:var(--font-size-text-small)}}@media(max-width:360px){.btn-tertiary{gap:8px}}.card-primary{background-color:var(--color-bg-card-light);font-family:var(--font-text-regular);color:var(--color-purple-dark);border-radius:0 75px 0 0;width:300px;height:300px;padding:32px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.card-primary:hover{background-color:var(--color-bg-card-dark)}.card-primary:hover .card-primary__badge{background-color:var(--color-orange-primary)}.card-primary__category{font-family:var(--font-text-semibold);font-size:var(--font-size-text-small)}.card-primary__title{margin-top:12px;white-space:normal;overflow:hidden;display:block}.card-primary__badge{background-color:var(--color-orange-secondary);font-family:var(--font-text-semibold);font-size:12px;border-radius:0 10px 0 0;padding:6px;margin-top:24px;width:120px}.card-secondary{background-color:var(--color-bg-card-secondary);cursor:pointer;padding:16px 20px;border-radius:0 65px 0 0;height:160px;width:100%;max-width:500px;min-width:400px;display:flex;flex-direction:column;justify-content:space-between;font-family:var(--font-text-regular)}.card-secondary:hover{background-color:var(--color-bg-card-secondary-hover)}.card-secondary:hover .card-secondary__badge{background-color:var(--color-orange-primary)}.card-secondary__badge{color:var(--color-purple-dark);align-self:flex-end;background-color:var(--color-orange-secondary);font-family:var(--font-text-semibold);font-size:12px;border-radius:0 10px 0 0;padding:6px;width:120px}.card-secondary__category{color:var(--color-orange-primary)}.card-secondary__title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:normal;line-height:1}.card-primary-sd{background-color:var(--color-bg-card-syrvey-details);padding:60px;border-radius:0 70px 0 0}.badge{background-color:var(--color-orange-primary);font-family:var(--font-text-bold);font-size:16px;border-radius:0 10px 0 0;padding:6px;margin-top:24px;width:120px}@media(max-width:1000px){.card-secondary{max-width:700px;min-width:250px}}@media(max-width:500px){.card-primary{height:200px}.card-primary-sd{padding:20px 30px}}.survey__input--card{background-color:#fff;border:none;padding:14px 8px;border-radius:0 15px 0 0;height:24px}.survey__input--card:focus{outline:none;border:none;box-shadow:none;background-color:var(--color-orange-tertiary)}.survey__input--card{font-family:var(--font-text-bold)}.survey__textarea--card{background-color:#fff;border:none;padding:14px 8px;border-radius:0 25px 0 0;min-height:100px;resize:none;font-family:var(--font-text-bold)}.survey__textarea--card:focus{outline:none;border:none;box-shadow:none;background-color:var(--color-orange-tertiary)}.survey__textarea--card{scrollbar-width:thin;scrollbar-color:var(--color-orange-primary) transparent;overflow:overlay}.survey__textarea--card::-webkit-scrollbar{width:6px;height:8px;appearance:none}.survey__textarea--card::-webkit-scrollbar-track{background:transparent}.survey__textarea--card::-webkit-scrollbar-thumb{background-color:var(--color-orange-primary);border-radius:10px}.survey__textarea--card::-webkit-scrollbar-button{display:none;width:0;height:0}.survey__input--standard-width{width:300px}.survey__input--medium-width{width:250px}.survey__input--small-width{width:150px}@media(max-width:900px){.survey__input--medium-width{width:100%}}.checkbox{width:24px;height:24px;border-radius:4px;border:2px solid var(--color-purple-dark);display:inline-block;position:relative;transition:background-color .2s ease,border-color .2s ease;cursor:pointer;flex-shrink:0}.checkbox--checked{background-color:var(--color-orange-primary);border:none;background-image:url(/poll_app/assets/images/icons/checkmark.svg);background-repeat:no-repeat;background-position:center;background-size:14px}.landing-page__visual{position:relative;width:clamp(280px,40vw,500px);height:clamp(224px,32vw,400px)}.landing-page__visual-center{width:100%;z-index:2;position:relative}.landing-page__visual-icon{position:absolute;width:80px;height:80px;z-index:1}.landing-page__visual:hover .landing-page__visual-icon{animation-play-state:paused}.landing-page__visual-icon--chat{top:8%;left:20%;animation:orbit-chat 1.5s ease-in-out infinite alternate}.landing-page__visual-icon--check{bottom:-15%;right:10%;animation:orbit-check 2.2s ease-in-out infinite alternate}.landing-page__visual-icon--star{bottom:-20%;left:20%;animation:orbit-star 1.8s ease-in-out infinite alternate}.landing-page__visual-icon--question{top:5%;right:15%;animation:orbit-question 2s ease-in-out infinite alternate}@keyframes orbit-chat{0%{transform:translate(0)}to{transform:translate(-40px,-40px)}}@keyframes orbit-check{0%{transform:translate(0)}to{transform:translate(40px,40px)}}@keyframes orbit-star{0%{transform:translate(0)}to{transform:translate(-40px,40px)}}@keyframes orbit-question{0%{transform:translate(0)}to{transform:translate(40px,-40px)}}
