/* Tafaqquh Percuma — peta tujuh hari dalam dunia visual Tafaqquh. */
.percuma-page{background:#f7fbff;color:#102033}
.free-hero{position:relative;overflow:hidden;background:#06395d;color:#fff;padding:clamp(54px,8vw,108px) 0 82px}
.free-hero::after{content:"";position:absolute;right:-12vw;bottom:-28vw;width:62vw;height:62vw;border:1px solid rgba(126,211,255,.24);border-radius:50%;box-shadow:0 0 0 5vw rgba(126,211,255,.05),0 0 0 11vw rgba(239,184,74,.035);pointer-events:none}
.free-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.82fr);align-items:center;gap:clamp(44px,7vw,96px)}
.free-copy,.free-week,.free-resource-grid>*,.free-preferences-inner>*{min-width:0}
.free-copy h1{max-width:780px;margin:0;font:700 clamp(46px,6.6vw,86px)/.98 'Amiri',Georgia,serif;letter-spacing:-.025em;text-wrap:balance}
.free-copy>p{max-width:650px;margin:28px 0 0;color:#d9eef9;font-size:clamp(17px,2vw,21px);line-height:1.72}
.free-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:32px}
.free-btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:12px 19px;border:0;border-radius:12px;text-decoration:none;font:800 14px/1.2 'Manrope',Arial,sans-serif;cursor:pointer;transition:transform .18s ease-out,background-color .18s ease-out,box-shadow .18s ease-out}
.free-btn:hover{transform:translateY(-2px)}
.free-btn:disabled{cursor:wait;opacity:.62;transform:none}
.free-btn--gold{background:#efb84a;color:#102d44;box-shadow:0 12px 28px rgba(0,0,0,.22)}
.free-btn--gold:hover{background:#f6ca6e}
.free-btn--quiet{border:1px solid rgba(255,255,255,.48);background:transparent;color:#fff}
.free-btn--quiet:hover{background:rgba(255,255,255,.1)}
.free-btn--navy{background:#06395d;color:#fff;box-shadow:0 10px 24px rgba(0,59,115,.16)}
.free-btn--navy:hover{background:#014f86}
.free-copy .free-trust{margin-top:18px;color:#b8d7e8;font-size:13px}
.free-week{position:relative;background:#fff;color:#102033;border-radius:16px;padding:26px;box-shadow:0 30px 68px rgba(0,15,35,.26)}
.free-week::before{content:"";position:absolute;top:30px;bottom:30px;left:44px;width:2px;background:linear-gradient(#5dc4f1,#efb84a)}
.free-week-head{display:flex;justify-content:space-between;gap:18px;align-items:baseline;margin-bottom:18px;padding-bottom:15px;border-bottom:1px solid rgba(0,59,115,.12)}
.free-week-head strong{font-size:17px;color:#003b73}.free-week-head span{font-size:12px;color:#607486}
.free-week ol{position:relative;list-style:none;display:grid;gap:8px;margin:0;padding:0}
.free-week li{display:grid;grid-template-columns:38px 1fr;gap:14px;align-items:center;min-height:52px}
.free-week li>b{position:relative;z-index:1;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#e6f6fd;color:#014f86;font-size:13px;box-shadow:inset 0 0 0 1px rgba(2,136,209,.18)}
.free-week li:last-child>b{background:#efb84a;color:#17334a}
.free-week li span{display:grid}.free-week li strong{font-size:14px}.free-week li small{color:#677887;font-size:12px;line-height:1.5}
.free-proof{background:#fff;padding:80px 0}
.free-proof-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(480px,1.1fr);gap:64px;align-items:end}
.free-proof h2,.free-flow h2,.free-resource h2,.free-preferences h2,.free-close h2{margin:0;color:#073657;font:700 clamp(34px,4.7vw,58px)/1.08 'Amiri',Georgia,serif;letter-spacing:-.02em;text-wrap:balance}
.free-proof-lead p,.free-resource p,.free-preferences p{max-width:680px;margin:18px 0 0;color:#536879;font-size:16px;line-height:1.75}
.free-proof-list{display:grid;grid-template-columns:repeat(3,1fr);margin:0;border-top:1px solid rgba(0,59,115,.15);border-bottom:1px solid rgba(0,59,115,.15)}
.free-proof-list div{padding:24px 22px}.free-proof-list div+div{border-left:1px solid rgba(0,59,115,.15)}
.free-proof-list dt{color:#0288d1;font:700 42px/1 'Amiri',Georgia,serif}.free-proof-list dd{margin-top:8px;color:#4d6272;font-size:13px;line-height:1.55}
.free-flow{padding:92px 0;background:#eaf7fd}
.free-flow h2{max-width:720px;margin-bottom:42px}
.free-flow-track{display:grid;grid-template-columns:repeat(4,1fr);position:relative}
.free-flow-track::before{content:"";position:absolute;left:8%;right:8%;top:28px;height:2px;background:#91d4f2}
.free-flow article{position:relative;padding:0 28px 0 0;background:transparent}
.free-flow article>span{position:relative;z-index:1;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#06395d;color:#fff;box-shadow:0 9px 22px rgba(0,59,115,.18)}
.free-flow article>span svg{width:23px;height:23px}.free-flow h3{margin:22px 0 7px;color:#073657;font:700 25px/1.2 'Amiri',Georgia,serif}.free-flow p{margin:0;color:#536879;font-size:14px;line-height:1.7}
.free-resource{padding:100px 0;background:#fff}
.free-resource-grid{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1fr);gap:clamp(52px,9vw,120px);align-items:center}
.free-resource-sheet{position:relative;min-height:430px;padding:46px;background:#064a76;color:#fff;border-radius:16px;box-shadow:0 30px 55px rgba(0,59,115,.2);overflow:hidden}
.free-resource-sheet::after{content:"";position:absolute;width:260px;height:260px;right:-100px;bottom:-80px;border:32px solid rgba(239,184,74,.75);transform:rotate(18deg)}
.free-resource-sheet span{font-size:12px;font-weight:800;letter-spacing:.14em;color:#9edcf7}.free-resource-sheet strong{display:block;margin-top:40px;font:700 54px/1.02 'Amiri',Georgia,serif}.free-resource-sheet i{display:block;width:64%;height:1px;margin-top:24px;background:rgba(255,255,255,.28)}
.free-resource .free-btn{margin-top:28px}
.free-preferences{padding:72px 0;background:#eef0fb}
.free-preferences-inner{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}
.free-preferences form{background:#fff;padding:28px;border-radius:16px;box-shadow:0 14px 36px rgba(0,59,115,.08)}
.free-preferences label{display:grid;grid-template-columns:24px 1fr;gap:13px;align-items:start;cursor:pointer}.free-preferences input{width:20px;height:20px;margin-top:2px;accent-color:#0288d1}.free-preferences label span{display:grid;gap:5px}.free-preferences label strong{color:#123b58}.free-preferences label small{color:#607486;line-height:1.55}.free-preferences form .free-btn{margin-top:22px}.free-form-status{min-height:22px;margin:14px 0 0!important;font-size:13px!important;color:#31566f!important}
.free-close{background:#052f4d;color:#fff;padding:82px 0 calc(82px + env(safe-area-inset-bottom))}
.free-close-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:42px;align-items:center}.free-close h2{max-width:750px;color:#fff}.free-close .free-actions{margin:0;justify-content:flex-end}.free-channel-note{max-width:260px;color:#b8d7e8;font-size:13px;line-height:1.5}
@media(max-width:900px){.free-hero-grid,.free-proof-grid,.free-resource-grid,.free-preferences-inner,.free-close-inner{grid-template-columns:1fr}.free-week{max-width:620px}.free-proof-list{max-width:680px}.free-flow-track{grid-template-columns:repeat(2,1fr);gap:38px}.free-flow-track::before{display:none}.free-close .free-actions{justify-content:flex-start}}
@media(max-width:600px){.free-hero{padding:44px 0 58px}.free-hero-grid{gap:38px;width:100%}.free-copy h1{font-size:45px}.free-copy>p{overflow-wrap:anywhere}.free-actions{display:grid;grid-template-columns:minmax(0,1fr);width:100%}.free-btn{width:100%;max-width:100%;box-sizing:border-box}.free-week{width:100%;padding:20px 17px}.free-week::before{left:35px}.free-week-head{align-items:flex-start;flex-direction:column;gap:4px}.free-week li{grid-template-columns:36px minmax(0,1fr);gap:10px}.free-proof,.free-flow,.free-resource,.free-preferences{padding:62px 0}.free-proof-list{grid-template-columns:1fr}.free-proof-list div{display:grid;grid-template-columns:70px 1fr;align-items:center;padding:18px 0}.free-proof-list div+div{border-left:0;border-top:1px solid rgba(0,59,115,.15)}.free-proof-list dd{margin:0}.free-flow-track{grid-template-columns:1fr;gap:28px}.free-flow article{display:grid;grid-template-columns:52px 1fr;column-gap:16px;padding:0}.free-flow article>span{width:48px;height:48px;grid-row:1/3}.free-flow h3{margin:0}.free-flow p{grid-column:2}.free-resource-sheet{min-height:350px;padding:34px}.free-resource-sheet strong{font-size:46px}.free-preferences form{padding:22px}.free-close{padding:62px 0 calc(62px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.free-btn{transition:none}}

/* Kuiz mingguan menggunakan komponen kuiz sedia ada dalam bingkai awam. */
.weekly-quiz-shell{min-height:72vh;padding:64px 0 92px;background:linear-gradient(180deg,#eaf7fd 0,#fff 420px)}
.weekly-quiz-inner{max-width:860px}.weekly-quiz-head{max-width:720px;margin-bottom:32px}.weekly-quiz-head h1{margin:0;color:#073657;font:700 clamp(40px,6vw,68px)/1 'Amiri',Georgia,serif}.weekly-quiz-head p{margin:16px 0 0;color:#536879;font-size:16px;line-height:1.7}
.weekly-quiz-shell .tfd-quiz{background:#fff;border-radius:16px;box-shadow:0 24px 55px rgba(0,59,115,.12);overflow:hidden}.weekly-quiz-shell .tfd-quiz__entry,.weekly-quiz-shell .tfd-quiz__flow,.weekly-quiz-shell .tfd-quiz__result{padding:clamp(22px,5vw,46px)}
.weekly-quiz-empty{padding:34px;background:#fff;border-radius:16px;box-shadow:0 18px 44px rgba(0,59,115,.1)}.weekly-quiz-empty h2{margin:0;color:#073657;font:700 32px/1.15 'Amiri',Georgia,serif}.weekly-quiz-empty p{margin:12px 0 24px;color:#536879}
@media(max-width:600px){.weekly-quiz-shell{padding:42px 0 70px}.weekly-quiz-shell .tfd-quiz__actions{display:grid}.weekly-quiz-shell .tfd-btn{width:100%}}