@import url(https://fonts.googleapis.com/css2?family=Dimbo&display=swap);@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#601041;--primary-color-50:#e3b3d1;--primary-color-100:#d180b3;--primary-color-200:#b34d99;--primary-color-300:#8c267f;--primary-color-400:#751066;--primary-color-500:#601041;--primary-color-600:#4a0d33;--primary-color-700:#330926;--primary-color-800:#1f0514;--primary-color-900:#0f020a;--secondary-color:#f17b1d;--secondary-color-50:#ffd4a3;--secondary-color-100:#ffbf80;--secondary-color-200:#ffa85c;--secondary-color-300:#ff9238;--secondary-color-400:#f17b1d;--secondary-color-500:#d96519;--secondary-color-600:#b95014;--secondary-color-700:#993c10;--secondary-color-800:#79280b;--secondary-color-900:#5a1807;--background-color:#0d1013;--background-color-50:#121518;--background-color-100:#424242;--background-color-200:#616161;--background-color-300:#757575;--background-color-400:#bdbdbd;--background-color-500:#9e9e9e;--background-color-600:#e0e0e0;--background-color-700:#eee;--background-color-800:#f5f5f5;--background-color-900:#fafafa;--text-color-body:#fff;--text-color-title:#fff;--text-color-caption:#ffffffb3;--text-color-headline:#fff;--text-color-disabled:#ffffff80;--page-margin:20px;--divider-color:#424242;--header-height:88px}body{font-family:Poppins,Arial,sans-serif;margin:0}.app{transition:background-color .3s,color .3s}.button{background-color:#601041;background-color:var(--primary-color);border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:Poppins,Arial,Helvetica,sans-serif;font-size:14px;font-weight:500;min-width:96px;padding:12px}.button:hover{background-color:#751066;background-color:var(--primary-color-400)}.button:active{background-color:#4a0d33;background-color:var(--primary-color-600)}.border-button{background-color:initial;border:1.5px solid #c8c8c8;border-radius:12px;color:#000;cursor:pointer;font-family:Poppins,Arial,Helvetica,sans-serif;font-size:14px;font-weight:500;margin-right:16px;min-width:96px;padding:12px}.border-button:hover{background-color:#b0b0b0;border:1.5px solid #b0b0b0}.border-button:active{background-color:#8a8a8a;border:1.5px solid #8a8a8a}.fixed-header{background-color:var(--background-color);border-bottom:1px solid var(--divider-color);color:#fff;height:var(--header-height);left:0;position:fixed;top:0;z-index:100000}.fixed-header,.header-content{align-items:center;display:flex;width:100%}.header-content{box-sizing:border-box;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 var(--page-margin)}.header-content img{display:flex}.logo{height:48px;width:48px}.brand-box{align-items:center;display:flex;font-family:Lovers Quarrel}.brand-box p{color:#000;font-size:3em;font-weight:500;margin-left:12px}nav{align-items:center}nav,nav ul{display:flex;gap:48px}nav ul{list-style:none}nav a{color:var(--text-color-title);font-size:1rem;font-weight:500;text-decoration:none}nav a:active,nav a:hover{color:var(--secondary-color)}@media only screen and (max-width:599px){nav .menu-items{display:none}.brand-box p{font-size:1.5em}}.banner-container{color:var(--text-color-title);flex-direction:column;padding-top:var(--header-height);position:relative}.banner-container,.banner-content{align-items:center;display:flex;width:100%}.banner-content{box-sizing:border-box;justify-content:space-between;max-width:1200px;padding:106px var(--page-margin)}.banner-bg{height:100%;position:absolute;width:100%;z-index:-1}.left-content{width:auto}.left-content h2{color:var(--primary-color);font-size:2.5em}.brand-name{font-family:Dimbo;font-size:2.5em;letter-spacing:2px;margin-bottom:10px}.right-content{box-sizing:border-box;height:auto;max-width:100%;padding-left:32px;text-align:right;width:100%}.badges{align-items:center;display:flex;margin-top:10px}.badges img{border-radius:8px;margin-right:10px;max-height:40px}h1,p{margin:0}.banner-content h1{font-size:3em;margin-bottom:24px}.banner-content p{margin-bottom:48px}.banner-content img{max-width:100%}.emphasize-title{color:var(--secondary-color);font-weight:700}.emphasize-body{color:var(--secondary-color);font-weight:500}@media only screen and (min-width:600px) and (max-width:959px){.banner-content{flex-direction:column-reverse;text-align:center}.right-content{padding:24px 56px;width:60%}.badges{justify-content:center}}@media only screen and (max-width:599px){.banner-content{flex-direction:column-reverse;text-align:center}.right-content{padding:24px 56px}.badges{justify-content:center}}.features-section{background-color:#fffbfa;padding:50px 0;width:100%}.features-container{box-sizing:border-box;margin:0 auto;max-width:1200px;padding:20px;text-align:center}.features-section h1{color:var(--text-color-title);font-weight:500;margin:0}.features-section p{color:var(--text-color-caption);margin-bottom:30px}.features-list{list-style-type:none;padding:0}.features-list li{color:#444;font-size:18px;margin-bottom:10px;text-align:center}.features-content{grid-gap:60px 40px;display:grid;gap:60px 40px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-content:center;margin-top:72px}.features-content img{color:var(--secondary-color);height:28px;margin-bottom:2px;translate:0 -4px}.feature-item{text-align:left;transition:transform .3s ease}.feature-item i{background-color:var(--primary-color);border-radius:16px;color:#fff;padding:12px 14px}.feature-item h3,.feature-item i{font-size:16px;margin-bottom:12px}.feature-item h3{color:var(--text-color-title);font-weight:500}.feature-item p{color:var(--text-color-caption);font-size:13px;margin:0}.feature-item:hover{transform:scale(1.05)}.feature-grid{grid-gap:80px;display:grid;gap:80px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:auto;max-width:1200px;padding:120px var(--page-margin);text-align:center}.feature-card{background:#fff;padding:20px}.feature-card h3{font-weight:500}.feature-img{height:auto;margin-bottom:15px;width:70%}.feature-title{color:#333;font-size:1.2rem;margin-bottom:10px}.feature-desc{color:#666;font-size:.95rem}@media (max-width:1024px){.feature-grid{gap:60px;grid-template-columns:repeat(2,1fr);padding-bottom:60px;padding-top:60px}.feature-grid>:nth-child(odd):last-child{grid-column:span 2;justify-self:center;width:50%}.feature-img{width:50%}}@media (max-width:768px){.feature-img{width:50%}.feature-grid>:nth-child(odd):last-child{grid-column:span 1;justify-self:center;width:100%}.feature-grid{gap:60px;grid-template-columns:1fr;justify-items:center;padding-bottom:60px;padding-top:60px}}.footer{background-color:var(--primary-color);color:#fff;justify-content:center;padding:64px 0 24px}.footer-container{box-sizing:border-box;display:flex;gap:100px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.footer-section{max-width:400px}.company-info,.grandquiz-info{text-align:left}.logo{margin-bottom:10px;max-width:48px}.company-info p,.grandquiz-info p{font-size:.8em;margin-bottom:10px}.company-info p a,.grandquiz-info p a{color:var(--secondary-color);display:inline;font-weight:500;margin-bottom:0;text-decoration:underline}.company-info a:hover,.grandquiz-info a:hover{text-decoration:underline}.footer h4{font-weight:500;margin-bottom:10px;margin-top:0}.footer a{display:block;margin-bottom:10px;text-decoration:none}.footer .contact p,.footer a{color:#e9e9e9;font-size:.9em}.footer .contact a{font-weight:500;text-decoration:underline}.footer .contact a,.footer-section a:hover{color:var(--secondary-color)}.footer ul{list-style:none;padding:0}.footer ul li{margin-bottom:5px}.footer-divider{background-color:#7c3b63;color:var(--primary-color);height:1px;margin:16px 0}.social-icons{color:#fff;display:flex;font-size:1.2em;gap:20px}.footer-badges{align-items:center;display:flex;margin-top:16px}.footer-badges img{border-radius:8px;margin-right:10px;width:100px}.social-icons a{color:var(--text-color-title);color:#fff;font-size:20px;margin-bottom:0;text-decoration:none}.facebook:hover{color:#316ff6}.instagram:hover{color:#e4405f}.twitter:hover{color:#1da1f2}.youtube:hover{color:#cd201f}.copyright-text{color:#fff;font-size:14px}.footer-section-2{box-sizing:border-box;color:var(--text-color-title);margin:0 auto;max-width:1200px;padding:var(--page-margin)}.footer-social{align-items:center;display:flex;justify-content:space-between;margin-top:36px}@media only screen and (min-width:600px) and (max-width:959px){.footer-container{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr;text-align:center}.promotion-right-content{display:none}.footer-section{max-width:100%}.footer-social{flex-direction:column;gap:20px;text-align:center}.grandquiz-info{margin:auto;text-align:center;width:80%}.footer-badges{display:inline-flex}}@media only screen and (max-width:599px){.footer-container{grid-gap:40px;display:grid;gap:40px;text-align:center}.footer-section{max-width:100%}.footer-section,.footer-social,.grandquiz-info{text-align:center}.footer-social{flex-direction:column;gap:20px}.footer-badges{display:inline-flex}}.reviews-container{background-color:var(--background-color);color:var(--text-color-title)}.reviews-section{align-items:center;box-sizing:border-box;justify-content:center;margin:0 auto;max-width:1200px;padding:50px 20px}.reviews-header{margin-bottom:20px;text-align:center}.reviews-header h1{margin:0}.reviews-header p{color:var(--text-color-caption);margin-bottom:30px}.reviews-list{cursor:grab;display:flex;gap:20px;overflow-x:scroll;scroll-behavior:smooth;scrollbar-color:red #ff0;-webkit-user-select:none;user-select:none}.reviews-list:active{cursor:grabbing}.review-card{background-color:var(--background-color-50);border-radius:16px;min-width:240px;padding:24px;width:300px}.scroll-button{background-color:var(--secondary-color);border:none;border-radius:1000px;color:var(--text-color-title);cursor:pointer;height:40px;margin:16px 4px;transition:background-color .3s ease;width:40px}.scroll-button:disabled{background-color:var(--background-color-100);color:var(--text-color-disabled);cursor:not-allowed}.scroll-buttons{display:flex;justify-content:center}.review-text{color:var(--text-color-title);font-size:.9em;margin-bottom:24px}.review-username{color:var(--text-color-caption);font-size:.9em}.faq-container{background-color:var(--background-color-50);color:var(--text-color-title);display:flex;text-align:center;width:100%}.faq-content{box-sizing:border-box;margin:0 auto;max-width:900px;padding:50px var(--page-margin)}.faq-section-header{color:var(--secondary-color);font-size:1.2em;font-weight:600;text-align:left}.faq-section-description{margin-bottom:30px}.faq-item{border:1px solid var(--divider-color);border-radius:16px;display:inline-block;margin-bottom:0;overflow:hidden;text-align:left;width:100%}.faq-item .open{max-height:500px}.faq-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:0 16px}.faq-header h4{font-weight:500}.faq-answer{color:var(--text-color-caption);overflow:hidden;padding:20px;transition:max-height .3s ease}.fas{font-size:18px;transition:transform .1s ease}.fas.fa-chevron-up{transform:rotate(1turn)}@media only screen and (max-width:599px){.faq-section-header{font-size:1em}.faq-item{font-size:.9em}.faq-answer{padding:16px}}.download-app-section{align-items:center;background-color:var(--background-color);box-sizing:border-box;color:var(--text-color-title);display:flex;justify-content:space-between;padding:50px 0}.inner-container{max-width:1200px;padding:0 20px}.inner-container,.inner-container-content{align-items:center;border-radius:28px;box-sizing:border-box;display:flex;justify-content:space-between;margin:auto;width:100%}.inner-container-content{background-image:url(/static/media/promotion-bg.f7be8d65f7604ea659d8.jpg);padding:40px 24px 40px 52px}.promotion-left-content{text-align:left;width:auto}.promotion-left-content h2{margin-top:0}.section-title{font-size:2rem;margin-bottom:20px}.store-badges{display:flex;gap:10px}.store-badge{border-radius:8px;height:auto;width:150px}.promotion-right-content{display:flex;height:auto;justify-content:end;max-width:100%;width:200%}.app-preview{height:auto;max-width:400px;width:100%}@media only screen and (min-width:600px) and (max-width:959px){.promotion-left-content{text-align:center}.promotion-right-content{display:none}.store-badges{justify-content:center}.inner-container-content{padding:40px 24px}}@media only screen and (max-width:599px){.promotion-left-content{text-align:center}.promotion-right-content{display:none}.store-badges{display:grid;justify-content:center}.inner-container-content{padding:40px 24px}}.privacy-policy-container{align-items:center;background-color:var(--background-color-50);box-sizing:border-box;color:var(--text-color-title);display:flex;flex-direction:column;padding-top:var(--header-height);width:100%}.privacy-policy-content{box-sizing:border-box;display:block;justify-content:center;margin:0 auto;max-width:1200px;padding:0 20px;width:100%}.privacy-policy-container a{color:var(--primary-color)}.privacy-policy-container a:hover{color:var(--secondary-color)}.privacy-policy-content h2{margin-top:0}@media only screen and (min-width:600px) and (max-width:959px){.privacy-policy-content{padding:0}}@media only screen and (max-width:599px){.privacy-policy-content{padding:24px 0}}.support-page-container{width:100%}.support-page-content{margin:auto;max-width:1200px;padding-top:96px}.delete-account-container{display:block;margin-bottom:56px;width:50%}.support-section{align-items:center;display:flex;flex-direction:column}.column{display:flex;justify-content:center;padding:30px 0;width:100%}.text-content{padding:20px 0}.delete-text-content{width:100%}.support-image{display:flex;height:40%;object-fit:contain;width:60%}.flat-input{background-color:#f5f5f5;border:1px solid #ccc;border-radius:12px;box-sizing:border-box;font-family:Poppins;font-size:12pt;margin-bottom:10px;max-width:100%;padding:16px;width:100%}.flat-input:focus{border-color:#4a3b8d;outline:none}.form{display:-moz-inline-grid;display:flow;display:flow-root;width:100%}.deletion-hint{color:#444;font-size:12px;padding-bottom:24px}@media (min-width:768px){.support-section{flex-direction:row}}@media (max-width:768px){.support-image{height:auto;width:50%}.support-page-content{padding:124px 16px}.column{display:contents;padding:0 16px}.column,.delete-account-container{width:100%}.support-section{margin-bottom:48px}}@media screen and (max-width:1200px){.column{padding:0 16px}.support-section{margin-bottom:48px}}.alert-title{font-size:14pt;font-weight:500;margin:0}.confirmation-modal{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.confirmation-content{background:#fff;border-radius:8px;box-shadow:0 0 10px #0003;padding:20px;width:30%}.cancel-button,.confirm-button{background-color:#ea4335;border:none;border-radius:4px;color:#fff;cursor:pointer;margin:0 8px;padding:8px 16px}.confirm-button{background-color:#34a853}.action-button-container{display:flex;justify-content:flex-end;margin-top:36px}@media (min-width:768px){.confirmation-content{width:40%}}@media (max-width:768px){.confirmation-content{width:60%}}@media screen and (min-width:1200px){.confirmation-content{display:inline;width:40%}}.terms-container{background-color:var(--background-color-50);box-sizing:border-box;color:var(--text-color-title);padding-top:var(--header-height)}.terms-content{background-color:var(--background-color);box-sizing:border-box;display:block;justify-content:center;margin:0 auto;max-width:1160px;padding:24px 20px 100px}.terms-container a{color:var(--primary-color)}.terms-container a:hover{color:var(--secondary-color)}.terms-content h2{margin-top:0}.purchase-policy-container{align-items:center;background-color:var(--background-color-50);box-sizing:border-box;color:var(--text-color-title);display:flex;flex-direction:column;padding-top:var(--header-height);width:100%}.purchase-policy-content{box-sizing:border-box;display:block;justify-content:center;margin:0 auto;max-width:1200px;padding:0 20px;width:100%}.purchase-policy-container a{color:var(--primary-color)}.purchase-policy-container a:hover{color:var(--secondary-color)}.purchase-policy-content h2{margin-top:0}@media only screen and (min-width:600px) and (max-width:959px){.purchase-policy-content{padding:0}}@media only screen and (max-width:599px){.purchase-policy-content{padding:24px 0}}
/*# sourceMappingURL=main.525f42d1.css.map*/