html[lang=ko] .qq-hero__title,html[lang=ko] .qq-hero__sub,html[lang=ko] .qq-cta__title,html[lang=ko] .qq-cta__sub{font-family:Cafe24Ssukssuk,cursive}html[lang=ko] .qq-hero__sub,html[lang=ko] .qq-cta__sub{font-size:clamp(1rem,2.5vw,1.3rem)}html[lang=en] .qq-hero__title,html[lang=en] .qq-hero__sub,html[lang=en] .qq-cta__title,html[lang=en] .qq-cta__sub{font-family:Nanum Pen Script,cursive}html[lang=en] .qq-hero__title{font-size:clamp(2.3rem,5vw,3.4rem)}html[lang=en] .qq-hero__sub,html[lang=en] .qq-cta__sub{font-size:clamp(1rem,2.5vw,1.3rem)}html[lang=ja] .qq-hero__title,html[lang=ja] .qq-hero__sub,html[lang=ja] .qq-cta__title,html[lang=ja] .qq-cta__sub{font-family:Zen Maru Gothic,cursive}html[lang=ja] .qq-hero__title{font-size:clamp(2rem,5vw,3.8rem)}html[lang=ja] .qq-cta__title{font-size:clamp(1.6rem,5vw,2.6rem)}html[lang=ja] .qq-hero__sub,html[lang=ja] .qq-cta__sub{font-size:clamp(1rem,2.5vw,1.3rem)}html[lang=zh-hans] .qq-hero__title,html[lang=zh-hans] .qq-hero__sub,html[lang=zh-hans] .qq-cta__title,html[lang=zh-hans] .qq-cta__sub{font-family:ZCOOL XiaoWei,cursive}html[lang=zh-hans] .qq-hero__title{font-size:clamp(2.3rem,5vw,3.5rem)}html[lang=zh-hans] .qq-cta__title{font-size:clamp(1.5rem,5vw,2.6rem)}html[lang=zh-hans] .qq-hero__sub,html[lang=zh-hans] .qq-cta__sub{font-size:clamp(1rem,2.5vw,1.3rem)}html[lang=zh-hant] .qq-hero__title,html[lang=zh-hant] .qq-hero__sub,html[lang=zh-hant] .qq-cta__title,html[lang=zh-hant] .qq-cta__sub{font-family:ZCOOL XiaoWei,cursive}html[lang=zh-hant] .qq-hero__title{font-size:clamp(1.8rem,5vw,3.8rem)}html[lang=zh-hant] .qq-cta__title{font-size:clamp(1.5rem,5vw,2.6rem)}html[lang=zh-hant] .qq-hero__sub,html[lang=zh-hant] .qq-cta__sub{font-size:clamp(1rem,2.5vw,1.3rem)}.qq-hero{text-align:center;color:#fff;background:linear-gradient(135deg,#5a3a6e 0%,#88619a 60%,#9b72ae 100%);padding:100px 0 0;position:relative;overflow:hidden}.qq-hero__inner{max-width:760px;margin:0 auto;padding:0 24px 80px}.qq-hero__label{letter-spacing:.14em;text-transform:uppercase;color:#ffffffb3;margin-bottom:20px;font-size:.8rem;font-weight:700;display:inline-block}.qq-hero__title{color:#fff;margin-bottom:30px;font-size:clamp(2rem,5vw,3.4rem);font-weight:900;line-height:1.15}.qq-hero__sub{color:#ffffffd1;font-size:clamp(.9rem,1.5vw,1rem);line-height:1.7}.qq-hero__wave{margin-bottom:-2px;line-height:0}.qq-hero__wave svg{width:100%;height:80px;display:block}.qq-hooks{background:var(--clr-bg);padding:80px 24px;position:relative;overflow:hidden}.qq-hooks:before{content:"“";color:#88619a;opacity:.12;pointer-events:none;user-select:none;font-family:Georgia,serif;font-size:8rem;line-height:1;position:absolute;top:16px;left:3%}.qq-hooks:after{content:"”";color:#88619a;opacity:.12;pointer-events:none;user-select:none;font-family:Georgia,serif;font-size:8rem;line-height:1;position:absolute;bottom:16px;right:3%}.qq-hooks__header{text-align:center;max-width:900px;margin:0 auto}.qq-hooks__inner{z-index:1;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1100px;margin:0 auto;display:grid;position:relative}.qq-hook{background:var(--clr-surface);text-align:left;border:1.5px solid #88619a2e;border-radius:24px;flex-direction:column;gap:18px;padding:44px 32px 40px;transition:background .25s,border-color .25s,transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.qq-hook:before{content:"";background:linear-gradient(90deg,#88619a,#ce93d8,#88619a);border-radius:24px 24px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.qq-hook:hover{background:var(--clr-bg);border-color:#88619a61;transform:translateY(-5px);box-shadow:0 12px 32px #88619a1f}.qq-hook__emoji{font-size:2.8rem;line-height:1}.qq-hook__quote{color:var(--clr-text);font-size:clamp(1.05rem,1.7vw,1.22rem);font-style:italic;font-weight:800;line-height:1.55}.qq-hook__reveal{color:var(--clr-text-muted);border-top:1px solid var(--clr-border);padding-top:14px;font-size:.88rem;line-height:1.65}.qq-story{background:var(--clr-surface);padding:80px 24px}.qq-story--even{background:var(--clr-surface)}.qq-story__inner{align-items:center;gap:64px;max-width:1100px;margin:0 auto;display:flex}.qq-story--even .qq-story__inner{flex-direction:row-reverse}.qq-story__text{flex-direction:column;flex:1;gap:20px;display:flex}.qq-story__subheading{letter-spacing:.1em;text-transform:uppercase;color:#88619a;font-size:.85rem;font-weight:700}.qq-story__heading{color:var(--clr-text);font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;line-height:1.3}.qq-story__copy{color:var(--clr-text-muted);max-width:480px;font-size:1rem;line-height:1.75}.qq-story__btn{border:2px solid #0000;border-radius:50px;align-self:flex-start;padding:12px 28px;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.qq-story--odd .qq-story__btn{color:#fff;background:#88619a;border-color:#88619a}.qq-story--odd .qq-story__btn:hover{background:#7a5490;border-color:#7a5490;transform:translateY(-2px);box-shadow:0 6px 20px #88619a4d}.qq-story--even .qq-story__btn{color:#88619a;background:0 0;border-color:#88619a}.qq-story--even .qq-story__btn:hover{color:#fff;background:#88619a;transform:translateY(-2px);box-shadow:0 6px 20px #88619a40}.qq-story__visual{flex:0 0 320px;justify-content:center;align-items:center;display:flex}.qq-story__illust{object-fit:contain;filter:drop-shadow(0 8px 24px #88619a1f);border-radius:20px;width:100%;max-width:320px;height:auto;display:block}.qq-info-block{background:var(--clr-bg);border-top:1px solid #88619a1a;border-bottom:1px solid #88619a1a;padding:88px 24px}.qq-info-block--alt{background:var(--clr-bg)}.qq-info-block__inner{text-align:center;max-width:900px;margin:0 auto}.qq-info-block__label{letter-spacing:.16em;text-transform:uppercase;color:#88619a;margin-bottom:16px;font-size:.72rem;font-weight:700;display:inline-block}.qq-info-block__title{color:var(--clr-text);margin-bottom:20px;font-size:clamp(1.5rem,3vw,2.1rem);font-weight:800;line-height:1.3}.qq-info-block__sub{color:var(--clr-text-muted);max-width:720px;margin:0 auto 52px;font-size:1rem;line-height:1.85}.qq-info-block__items{text-align:left;grid-template-columns:repeat(3,1fr);gap:28px;margin:0 0 48px;padding:0;list-style:none;display:grid}.qq-info-block__item{background:var(--clr-bg);border:1.5px solid #88619a24;border-radius:16px;flex-direction:column;gap:10px;padding:28px 24px;transition:border-color .2s,box-shadow .2s;display:flex}.qq-info-block--alt .qq-info-block__item{background:var(--clr-surface)}.qq-info-block__item:hover{border-color:#88619a52;box-shadow:0 6px 20px #88619a14}.qq-info-block__item-value{color:#88619a;letter-spacing:.03em;font-size:.78rem;font-style:italic;font-weight:700}.qq-info-block__item-label{color:var(--clr-text);font-size:.92rem;font-weight:700;line-height:1.5}.qq-info-block__item-desc{color:var(--clr-text-muted);font-size:.83rem;line-height:1.65}.qq-info-block__closing{color:var(--clr-text-muted);max-width:640px;margin:0 auto;font-size:.97rem;font-style:italic;line-height:1.8}.qq-insight-block{background:var(--clr-bg);border-top:1px solid #88619a1a;padding:88px 24px}.qq-insight-block__inner{text-align:center;max-width:900px;margin:0 auto}.qq-insight-block__label,.qq-grid-section__label,.qq-hooks__label{letter-spacing:.16em;text-transform:uppercase;color:#88619a;margin-bottom:14px;font-size:.72rem;font-weight:700;display:inline-block}.qq-insight-block__title,.qq-hooks__title{color:var(--clr-text);margin-bottom:18px;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;line-height:1.3}.qq-insight-block__sub,.qq-hooks__sub{color:var(--clr-text-muted);max-width:680px;margin:0 auto 30px;font-size:1rem;line-height:1.85}.qq-insight-block__items{text-align:center;grid-template-columns:repeat(3,1fr);gap:24px;margin:50px 0 40px;padding:0;list-style:none;display:grid}.qq-insight-block__item{background:var(--clr-surface);border-radius:20px;flex-direction:column;align-items:center;gap:12px;padding:32px 24px 28px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex}.qq-insight-block__item:hover{border-color:#88619a4d;transform:translateY(-3px);box-shadow:0 8px 24px #88619a17}.qq-insight-block__icon{color:#88619a;background:linear-gradient(135deg,#88619a1f,#88619a0f);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:4px;display:flex}.qq-insight-block__icon--1{color:#88619a;background:#88619a1f}.qq-insight-block__icon--2{color:#db2777;background:#db277714}.qq-insight-block__icon--3{color:#d97706;background:#d9770614}.qq-insight-block__item-value{color:#88619a;letter-spacing:.02em;font-size:.8rem;font-style:italic;font-weight:700}.qq-insight-block__item-value--1{color:#88619a}.qq-insight-block__item-value--2{color:#db2777}.qq-insight-block__item-value--3{color:#d97706}.qq-insight-block__item-label{color:var(--clr-text);font-size:.9rem;font-weight:700;line-height:1.5}.qq-insight-block__item-desc{color:var(--clr-text-muted);font-size:.82rem;line-height:1.65}.qq-insight-block__closing{color:var(--clr-text-muted);font-size:.95rem;font-style:italic;line-height:1.8}.qq-insight-block__link{color:#88619a;border-bottom:2px solid #88619a4d;padding-bottom:2px;font-size:.9rem;font-weight:700;text-decoration:none;transition:border-color .2s,color .2s;display:inline-block}.qq-insight-block__link:hover{color:#5a3a6e;border-color:#5a3a6e}.qq-pattern-block{background:var(--clr-bg);border-top:1px solid #88619a1a;border-bottom:1px solid #88619a1a;padding:88px 24px}.qq-pattern-block__inner{align-items:flex-start;gap:72px;max-width:1060px;margin:0 auto;display:flex}.qq-pattern-block__left{flex:0 0 380px;position:sticky;top:40px}.qq-pattern-block__label{letter-spacing:.16em;text-transform:uppercase;color:#88619a;margin-bottom:14px;font-size:.72rem;font-weight:700;display:inline-block}.qq-pattern-block__title{color:var(--clr-text);margin-bottom:16px;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;line-height:1.35}.qq-pattern-block__sub{color:var(--clr-text-muted);margin-bottom:20px;font-size:.95rem;line-height:1.85}.qq-pattern-block__closing{color:var(--clr-text-muted);margin-bottom:28px;font-size:.95rem;line-height:1.75}.qq-pattern-block__link{color:#88619a;border-bottom:2px solid #88619a4d;padding-bottom:2px;font-size:.9rem;font-weight:700;text-decoration:none;transition:border-color .2s,color .2s;display:inline-block}.qq-pattern-block__link:hover{color:#5a3a6e;border-color:#5a3a6e}.qq-pattern-block__items{flex-direction:column;flex:1;gap:20px;margin:0;padding:0;list-style:none;display:flex}.qq-pattern-block__item{background:var(--clr-surface);border-radius:16px;align-items:flex-start;gap:16px;padding:24px;transition:border-color .2s,box-shadow .2s;display:flex}.qq-pattern-block__item:hover{border-color:#88619a47;box-shadow:0 4px 16px #88619a14}.qq-pattern-block__item-icon{color:#88619a;background:#88619a1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.qq-pattern-block__item-icon--1{color:#88619a;background:#88619a1a}.qq-pattern-block__item-icon--2{color:#db2777;background:#db277714}.qq-pattern-block__item-icon--3{color:#d97706;background:#d9770614}.qq-pattern-block__item-body{flex-direction:column;gap:6px;display:flex}.qq-pattern-block__item-value{color:#88619a;font-size:.78rem;font-style:italic;font-weight:700}.qq-pattern-block__item-value--1{color:#88619a}.qq-pattern-block__item-value--2{color:#db2777}.qq-pattern-block__item-value--3{color:#d97706}.qq-pattern-block__item-label{color:var(--clr-text);font-size:.92rem;font-weight:700;line-height:1.5}.qq-pattern-block__item-desc{color:var(--clr-text-muted);font-size:.82rem;line-height:1.65}.qq-grid-section{background:var(--clr-surface);padding:80px 24px 96px}.qq-grid-section__header{text-align:center;max-width:720px;margin:0 auto 40px}.qq-grid-section__title{color:var(--clr-text);margin-bottom:20px;font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:800}.qq-grid-section__sub{color:var(--clr-text-muted);font-size:1.05rem;line-height:1.85}.qq-filter{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:40px;display:flex}.qq-filter__btn{border:1.5px solid var(--clr-border);background:var(--clr-bg);color:var(--clr-text-muted);cursor:pointer;border-radius:999px;padding:8px 20px;font-size:.9rem;font-weight:600;transition:all .18s}.qq-filter__btn:hover{color:#88619a;border-color:#88619a}.qq-filter__btn--active{color:#fff;background:#88619a;border-color:#88619a}.qq-grid{grid-template-columns:repeat(3,1fr);gap:20px;max-width:1100px;margin:0 auto;display:grid}.qq-card{background:var(--clr-bg);border:1.5px solid var(--clr-border);border-radius:20px;flex-direction:column;gap:12px;padding:28px 24px;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.qq-card:before{content:"";border-radius:20px 20px 0 0;height:4px;position:absolute;top:0;left:0;right:0}.qq-card:hover{box-shadow:0 12px 32px var(--clr-shadow);transform:translateY(-4px)}.qq-card--pink:before{background:#f48fb1}.qq-card--purple:before{background:#88619a}.qq-card--blue:before{background:#4298b4}.qq-card--green:before{background:#33a474}.qq-card--yellow:before{background:#e4ae3a}.qq-card--pink:hover{border-color:#f48fb1}.qq-card--purple:hover{border-color:#88619a}.qq-card--blue:hover{border-color:#4298b4}.qq-card--green:hover{border-color:#33a474}.qq-card--yellow:hover{border-color:#e4ae3a}.qq-hook:after{content:"";background-image:var(--hook-bg,none);opacity:.18;pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:contain;width:110px;height:110px;position:absolute;top:12px;right:0}.qq-card__badge{border-radius:999px;align-self:flex-start;padding:2px 10px;font-size:.72rem;font-weight:700;display:inline-block}.qq-card__badge--pink{color:#c2185b;background:#fce4ec}.qq-card__badge--purple{color:#88619a;background:#f5f0f7}.qq-card__badge--blue{color:#4298b4;background:#e8f4f9}.qq-card__badge--green{color:#33a474;background:#eaf7ee}.qq-card__badge--yellow{color:#b7860e;background:#fef9e7}[data-theme=dark] .qq-card__badge--pink{color:#f48fb1;background:#3d0a1a}[data-theme=dark] .qq-card__badge--purple{color:#ce93d8;background:#1f1028}[data-theme=dark] .qq-card__badge--blue{color:#4fc3f7;background:#0d2233}[data-theme=dark] .qq-card__badge--green{color:#66bb6a;background:#0d2016}[data-theme=dark] .qq-card__badge--yellow{color:#ffd54f;background:#2a1f00}.qq-card__title{color:var(--clr-text);font-size:1rem;font-weight:700;line-height:1.4}.qq-card__desc{color:var(--clr-text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;font-size:.88rem;line-height:1.65;display:-webkit-box;overflow:hidden}.qq-card__cta{color:#88619a;margin-top:4px;font-size:.85rem;font-weight:700}.qq-card--pink .qq-card__cta{color:#c2185b}.qq-card--blue .qq-card__cta{color:#4298b4}.qq-card--green .qq-card__cta{color:#33a474}.qq-card--yellow .qq-card__cta{color:#b7860e}.qq-cta{text-align:center;color:#fff;background:linear-gradient(135deg,#5a3a6e 0%,#88619a 100%);padding:96px 24px;position:relative;overflow:hidden}.qq-cta:before{content:"";opacity:.13;pointer-events:none;background-image:url(/shared/images/illustrations/quizzes/hub/cta-section.svg);background-position:0;background-repeat:no-repeat;background-size:25%;position:absolute;inset:0}.qq-cta__inner{margin:0 auto}.qq-cta__label{letter-spacing:.16em;text-transform:uppercase;color:#ffffffb3;margin-bottom:14px;font-size:.72rem;font-weight:700;display:inline-block}.qq-cta__title{margin-bottom:20px;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:900;line-height:1.3}.qq-cta__sub{opacity:.85;margin-bottom:40px;font-size:1.05rem;line-height:1.7}.qq-cta__btn{color:#88619a;background:#fff;border-radius:50px;padding:16px 48px;font-size:1.05rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-block}.qq-cta__btn:hover{background:#f5f0f7;transform:translateY(-2px);box-shadow:0 8px 24px #00000026}@media (width<=1024px){.qq-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.qq-hooks__inner{grid-template-columns:1fr}.qq-hook{padding:36px 28px}.qq-story__inner,.qq-story--even .qq-story__inner{text-align:center;flex-direction:column;gap:32px}.qq-story__visual{flex:none}.qq-story__btn{align-self:center}.qq-info-block__items,.qq-insight-block__items{grid-template-columns:1fr;gap:16px}.qq-pattern-block__inner{flex-direction:column;gap:40px}.qq-pattern-block__left{flex:none;position:static}}@media (width<=600px){.qq-hero{padding:72px 0 0}.qq-hero__inner{padding:0 20px 64px}.qq-hooks,.qq-story{padding:56px 20px}.qq-info-block,.qq-insight-block,.qq-pattern-block{padding:60px 20px}.qq-grid-section{padding:56px 20px 72px}.qq-grid{grid-template-columns:1fr}.qq-cta{padding:64px 20px}.qq-cta:before{opacity:.07;background-size:75%}}