.qp-page{--qp-navy:#193d57;--qp-rose:#df566b;--qp-pink:#fae9ed;--qp-gold:#edc55b;--qp-muted:#8a9298;background:#fffaf0;color:var(--qp-navy);font-family:'Tajawal',sans-serif}.qp-page *{box-sizing:border-box}.qp-page h1,.qp-page h2,.qp-page h3{font-family:'Baloo Bhaijaan 2','Tajawal',sans-serif;line-height:1.2;margin:0;color:inherit}.qp-page em{font-style:normal;color:var(--qp-rose)}.qp-page p{color:var(--qp-muted);line-height:1.95}.qp-page a{text-decoration:none;color:inherit}.qp-page button{font:inherit;cursor:pointer}.qp-page a:focus-visible,.qp-page button:focus-visible{outline:3px solid var(--qp-gold);outline-offset:5px}.qp-eyebrow{display:inline-block;color:var(--qp-rose);font-size:14px;font-weight:800}.qp-hero{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding:65px max(5vw,24px) 90px;background:#fae9ed;position:relative;align-items:center;overflow:hidden;isolation:isolate}.qp-hero:before{content:'';position:absolute;right:-100px;top:-220px;background:#f8d0da;width:480px;height:480px;border-radius:50%;z-index:-1}.qp-hero:after{content:'';position:absolute;left:-150px;bottom:-300px;width:630px;height:500px;background:#fff4ce;border-radius:50%;z-index:-1}.qp-hero-copy{max-width:590px}.qp-hero-copy>.qp-eyebrow{background:#fff8f5;border-radius:24px;padding:10px 18px}.qp-hero h1{font-size:clamp(43px,5.5vw,79px);margin:24px 0 28px}.qp-hero p{font-size:17px;max-width:540px}.qp-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:30px}.qp-button{border:0;background:var(--qp-rose);color:#fff!important;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:15px 25px;font-weight:800;box-shadow:0 10px 25px #df566b20;font-size:15px;transition:transform .2s,box-shadow .2s}.qp-button:hover{transform:translateY(-3px);box-shadow:0 15px 28px #df566b30}.qp-how{background:transparent;border:0;color:var(--qp-navy);font-weight:800;padding:12px}.qp-hero-note{display:block;color:var(--qp-muted);margin-top:35px;font-size:13px}.qp-hero-art{position:relative;max-width:650px;width:100%;min-width:0;padding:10px 0;isolation:isolate}.qp-hero-art:before{content:'';position:absolute;inset:3% 3% 0;background:#f2d4db;border-radius:48% 52% 45% 55%;z-index:-1}.qp-hero-art img{display:block;width:100%;height:auto;position:relative;z-index:1}.qp-orbit{position:absolute;inset:30% 0;border:1px solid #deb4c1;border-radius:50%;transform:rotate(-23deg);z-index:0}.qp-orbit-two{transform:rotate(20deg);inset:32% 4%}.qp-tab{position:absolute;z-index:2;background:#fffdf3;padding:13px 20px;border-radius:18px;box-shadow:0 15px 25px #193d570b;font-size:13px;color:#8c8d91;line-height:1.5}.qp-tab b{color:var(--qp-rose)}.qp-tab-think{top:7%;right:2%;transform:rotate(6deg)}.qp-tab-answer{bottom:4%;left:0;transform:rotate(-7deg)}.qp-summary{position:relative;z-index:3;max-width:1320px;width:90%;margin:-35px auto 0;background:#fff;border:1px solid #f0efeb;border-radius:25px;box-shadow:0 20px 35px #193d5709;display:grid;grid-template-columns:repeat(4,1fr);padding:25px 15px}.qp-summary>div{display:flex;gap:15px;align-items:center;justify-content:center;border-inline-end:1px solid #f1f1ee;padding:0 15px}.qp-summary>div:last-child{border:0}.qp-summary i{font-size:26px;font-style:normal;display:grid;place-items:center;background:#f8e9ee;border-radius:15px;width:48px;height:48px;color:var(--qp-rose)}.qp-summary>div:nth-child(2) i{background:#e7f2ef;color:#66a89a}.qp-summary>div:nth-child(3) i{background:#fff5d4;color:#b79235}.qp-summary p{margin:0;line-height:1.6}.qp-summary b{display:block;color:var(--qp-navy);font-size:23px;font-weight:800}.qp-summary small{display:block;font-size:12px;color:#999fa3}.qp-summary-quote b{font-size:19px}.qp-summary-quote small{color:var(--qp-rose)}.qp-summary-quote i{background:transparent;color:#edc55b}.qp-list{padding:90px max(5vw,24px) 60px;scroll-margin-top:100px}.qp-list-header{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.qp-list h2{font-size:clamp(35px,4vw,57px);margin:14px 0}.qp-list-header p{margin:0;font-size:15px}.qp-filters{display:flex;gap:5px;background:#f0ece2;padding:6px;border-radius:16px;flex:none}.qp-filters button{border:0;background:transparent;padding:10px 16px;border-radius:12px;color:#92979a;font-size:13px;font-weight:700;white-space:nowrap}.qp-filters button[aria-pressed=true]{background:#fff;color:var(--qp-navy);box-shadow:0 4px 10px #193d570c}.qp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.qp-card{--qp-card-accent:#d7546b;--qp-card-bg:#ffe4e7;position:relative;overflow:hidden;isolation:isolate;background:#fff;border:1px solid #f0eeeb;border-radius:25px;padding:28px 25px;box-shadow:0 18px 30px #193d5708;display:flex;flex-direction:column;min-width:0;transition:transform .22s,box-shadow .22s}.qp-tone-blue{--qp-card-accent:#477f95;--qp-card-bg:#dfedf4}.qp-tone-gold{--qp-card-accent:#af8b25;--qp-card-bg:#fff1c3}.qp-card:after{content:'';position:absolute;bottom:-80px;left:-30px;width:185px;height:185px;border-radius:50%;background:var(--qp-card-bg);opacity:.45;z-index:-1}.qp-card[hidden]{display:none!important}.qp-card:hover{transform:translateY(-6px);box-shadow:0 25px 40px #193d5710}.qp-card-top{display:flex;justify-content:space-between;gap:15px;margin-bottom:26px;color:var(--qp-card-accent);font-size:15px;font-weight:800}.qp-card-top>span{font-weight:500;font-size:11px;color:#a1a7ab;background:#f8f7f2;border-radius:16px;padding:5px 10px}.qp-card-icon{display:grid;place-items:center;align-self:flex-start;width:62px;height:62px;background:var(--qp-card-bg);color:var(--qp-card-accent);font-family:'Baloo Bhaijaan 2',sans-serif;font-size:33px;font-weight:800;border-radius:18px;transform:rotate(7deg);margin:0 0 25px}.qp-card-level{color:var(--qp-card-accent);font-weight:800;font-size:13px}.qp-card h3{font-size:30px;margin:10px 0 14px}.qp-card>p{font-size:14px;margin:0 0 25px;min-height:82px;flex:1}.qp-card-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:auto;margin-bottom:20px;font-size:12px;color:#a1a7ab}.qp-card-meta>span{padding:7px 9px;background:#fffdf7;border-radius:10px}.qp-start{width:100%;justify-content:space-between;background:var(--qp-navy);border-radius:14px;box-shadow:none}.qp-tone-rose .qp-start{background:var(--qp-card-accent)}.qp-filter-message{font-size:13px;margin-top:20px}.qp-empty{grid-column:1/-1;text-align:center;padding:50px}.qp-tip{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:50px;padding:65px max(7vw,24px);background:#193d57;color:#fff}.qp-tip h2{font-size:clamp(33px,3.7vw,54px);margin:22px 0}.qp-tip p{font-size:17px}.qp-tip-button{border:0;background:transparent;color:var(--qp-navy);font-weight:800;padding:12px 0;border-bottom:1px solid #a2b8af}.qp-tip img{display:block;width:100%;height:auto;max-width:470px;margin:auto}.qp-more{text-align:center;padding:80px 25px;background:#fff8ec}.qp-more h2{font-size:clamp(33px,3.5vw,49px);margin-top:18px}.qp-more .qp-actions{justify-content:center}.qp-more .qp-button{background:var(--qp-navy)}.qp-more-story{border:1px solid #ddd3c4;padding:14px 25px;border-radius:16px;font-weight:800}.qp-dialog{border:0;border-radius:28px;background:#fffaf1;padding:45px;max-width:600px;width:calc(100% - 40px);color:var(--qp-navy);box-shadow:0 25px 100px #193d5750;text-align:center}.qp-dialog::backdrop{background:#193d5777;backdrop-filter:blur(4px)}.qp-dialog h2{font-size:34px;margin-top:20px}.qp-dialog p{font-size:16px}.qp-close{position:absolute;top:15px;left:15px;width:34px;height:34px;border:0;background:#f5e9e3;color:var(--qp-navy);border-radius:50%;font-size:25px!important}.qp-dialog ol{display:flex;justify-content:center;gap:25px;list-style:none;padding:0;margin:25px 0}.qp-dialog li{font-weight:700}.qp-dialog li b{display:block;color:var(--qp-rose);font-size:28px;margin-bottom:8px}.qp-launching{animation:qp-launch .28s ease both}@keyframes qp-launch{50%{transform:scale(.95)}80%{transform:scale(1.035)}}
@media(min-width:1600px){.qp-hero,.qp-list{padding-inline:calc((100vw - 1360px)/2)}.qp-tip{padding-inline:calc((100vw - 1280px)/2)}}
@media(max-width:1000px){.qp-hero{padding-inline:30px;gap:25px}.qp-hero h1{font-size:55px}.qp-summary{width:92%}.qp-summary>div{gap:10px;padding:0 8px}.qp-summary b{font-size:20px}.qp-list{padding-inline:30px}.qp-list-header{display:block}.qp-filters{width:max-content;margin-top:25px}.qp-grid{gap:16px}.qp-card{padding:22px 18px}.qp-card h3{font-size:26px}.qp-card>p{font-size:13px}.qp-tip{padding:55px 35px;gap:30px}}
@media(max-width:640px){.qp-hero{grid-template-columns:1fr;padding:45px 22px 65px;gap:30px}.qp-hero-copy{text-align:center;max-width:100%}.qp-hero h1{font-size:44px}.qp-hero p{font-size:15px}.qp-actions{justify-content:center;gap:15px}.qp-hero-note{margin-top:25px}.qp-hero-art{max-width:450px;margin:auto}.qp-tab{padding:10px 14px;font-size:11px}.qp-tab-think{top:2%;right:0}.qp-tab-answer{bottom:0;left:0}.qp-summary{grid-template-columns:repeat(2,1fr);padding:15px;margin-top:-20px;gap:20px;width:90%}.qp-summary>div{justify-content:flex-start}.qp-summary>div:nth-child(2){border:0}.qp-summary b{font-size:20px}.qp-summary i{width:37px;height:37px;font-size:21px;flex:none}.qp-summary small{font-size:10px}.qp-summary-quote b{font-size:16px}.qp-list{padding:55px 20px 35px}.qp-list h2{font-size:38px}.qp-list-header p{font-size:14px}.qp-filters{max-width:100%;width:100%;justify-content:space-between}.qp-filters button{font-size:12px;padding:10px 11px}.qp-grid{grid-template-columns:1fr;gap:22px}.qp-card{padding:25px}.qp-card h3{font-size:29px}.qp-card>p{font-size:14px;min-height:0}.qp-card-icon{margin-bottom:22px}.qp-tip{grid-template-columns:1fr;padding:50px 22px;gap:30px}.qp-tip-copy{text-align:center}.qp-tip h2{font-size:35px}.qp-tip p{font-size:15px}.qp-tip img{max-width:360px}.qp-more{padding:55px 22px}.qp-dialog{padding:40px 22px 30px;max-height:85vh;overflow:auto}.qp-dialog h2{font-size:29px}.qp-dialog p{font-size:14px}}
@media(max-width:360px){.qp-hero h1{font-size:39px}.qp-summary{gap:15px 7px;padding:15px 10px}.qp-summary>div{gap:7px;padding:0 3px}.qp-summary i{width:31px;height:31px}.qp-summary b{font-size:18px}.qp-card h3{font-size:27px}.qp-filters button{padding:10px 7px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.qp-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.qp-dialog{position:fixed;inset:0;margin:auto!important;height:max-content;max-height:85vh;overflow:auto}

.qp-tip p{color:#d3e1ea}.qp-tip .qp-eyebrow,.qp-tip em{color:#ff8197}.qp-tip .qp-tip-button{color:#fff;border-bottom-color:#ffffff55}
