/* Studyflare 6.1 — quiet motion, generous space, the approved structure. */
.sf61-refined{--sf61-area:var(--sf6-accent);--sf61-tint:var(--sf6-mist)}
.sf61-mark{display:block;flex:0 0 auto;overflow:visible;width:38px;height:40px}
.sf61-nav-icon{display:inline-flex;vertical-align:middle;margin-right:8px;color:var(--sf6-accent)}
.sf61-nav-icon svg{width:17px;height:17px;stroke-width:1.7}
.sf61-refined .sf6-menu>li:last-child>a{background:var(--sf6-mist);border-radius:9px;padding:10px 17px}
.sf61-refined .sf6-menu a{transition:color .2s,background .2s}
.sf61-refined .sf6-hero{isolation:isolate}
.sf61-scene{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;max-width:none;pointer-events:none}
.sf61-refined .sf6-hero-photo{object-position:center}
.sf61-screen-progress,.sf61-phone-progress{transform-box:fill-box;transform-origin:left center;animation:sf61-progress 12s ease-in-out infinite}
.sf61-phone-progress{animation-duration:9s}
.sf61-cursor{animation:sf61-cursor 6s ease-in-out infinite}
.sf61-phone-check{stroke-dasharray:20;stroke-dashoffset:0;animation:sf61-check 9s ease-in-out infinite}
.sf61-check-1{animation-delay:1s}.sf61-check-2{animation-delay:2s}
.sf61-refined .sf6-feature-bank-jobs{--sf61-area:var(--sf61-bank,#826038);--sf61-tint:var(--sf61-bank-tint,#f6f3ec);background:var(--sf61-tint)}
.sf61-refined .sf6-feature-ntrca{--sf61-area:var(--sf61-ntrca,#3b6382);--sf61-tint:var(--sf61-ntrca-tint,#edf3f8)}
.sf61-refined .sf6-feature-primary{--sf61-area:var(--sf61-primary,#856252);--sf61-tint:var(--sf61-primary-tint,#f8f2ee);background:var(--sf61-tint)}
.sf61-refined .sf6-feature{--sf6-accent:var(--sf61-area);--sf6-mist:var(--sf61-tint)}
.sf61-refined .sf6-feature-photo{isolation:isolate}
.sf61-feature-detail{position:absolute;z-index:2;left:25px;right:25px;bottom:25px;display:flex;align-items:center;gap:18px;background:#ffffffed;backdrop-filter:blur(10px);border:1px solid #ffffffbb;box-shadow:0 15px 35px #152a2b16;border-radius:14px;padding:22px 24px;color:var(--sf61-area)}
.sf61-feature-detail>span{display:grid;place-items:center;flex:0 0 50px;width:50px;height:50px;background:var(--sf61-tint);border-radius:12px}
.sf61-feature-detail svg{width:26px;height:26px;stroke-width:1.5}
.sf61-feature-detail>div{min-width:0;flex:1}
.sf61-feature-detail b{display:block;font-size:16px;font-weight:700;letter-spacing:-.02em}
.sf61-feature-detail small{display:block;font:14px/1.5 ui-monospace,monospace;margin-top:6px}
.sf61-feature-detail i{display:block;width:80%;max-width:210px;height:2px;margin-top:9px;background:currentColor;opacity:.3;transform-origin:left;animation:sf61-write 8s ease-in-out infinite}
.sf61-feature-detail i:nth-of-type(2){width:58%;animation-delay:.7s}
.sf61-feature-detail i:nth-of-type(3){width:37%;animation-delay:1.4s}
.sf61-detail-primary>span svg{animation:sf61-pen 8s ease-in-out infinite}
.sf61-detail-ntrca>span svg{animation:sf61-book 8s ease-in-out infinite}
.sf61-refined #ielts{--sf61-area:var(--sf61-ielts,#57508b)}
.sf61-refined #ielts .sf6-inline-links{gap:15px;flex-wrap:wrap}
.sf61-refined #ielts .sf6-inline-links a{display:inline-flex;padding:11px 18px;border:1px solid #e5e0f0;border-radius:10px;background:#f7f6fb;color:var(--sf61-area);text-decoration:none;font-size:15px}
.sf61-refined #ielts .sf6-card{border-color:#e5e0f0}
.sf61-refined #ielts .sf6-card-body{border-top:3px solid var(--sf61-area)}
.sf61-refined #ielts .sf6-card-body>div{color:var(--sf61-area)}
.sf61-refined #ielts .sf6-card-body b{background:#f1eef8}
.sf61-refined #ielts .sf6-grid-4>.sf6-card:nth-child(2){--sf61-area:#347774}
.sf61-refined #ielts .sf6-grid-4>.sf6-card:nth-child(3){--sf61-area:#8c6548}
.sf61-refined #ielts .sf6-grid-4>.sf6-card:nth-child(4){--sf61-area:#496b8b}
.sf61-refined .sf6-test-section{position:relative;overflow:hidden;background:linear-gradient(125deg,var(--sf6-ink),#1c4240);box-shadow:0 15px 45px #142b2910}
.sf61-refined .sf6-test-picker{box-shadow:0 12px 30px #071b2620;border:1px solid #ffffff60}
.sf61-refined .sf6-test-picker select{min-height:54px}
.sf61-refined .sf6-steps b{display:grid;place-items:center;width:45px;height:45px;border:1px solid #8bd8c845;border-radius:50%;font-size:19px}
.sf61-refined .sf6-post{transition:box-shadow .25s,border-color .25s,transform .25s}
.sf61-refined .sf6-post:hover{border-color:#9abbad;box-shadow:0 12px 30px #123f3610;transform:translateY(-3px)}
.sf61-refined .sf6-post-copy>span b,.sf61-refined .sf6-card-body b{transition:transform .25s}
.sf61-refined .sf6-post:hover .sf6-post-copy>span b,.sf61-refined .sf6-card:hover .sf6-card-body b{transform:translateX(3px)}
/* Each preparation page has a restrained subject palette. */
.sf61-area-bank-jobs{--sf61-area:var(--sf61-bank,#826038);--sf61-tint:var(--sf61-bank-tint,#f6f3ec)}
.sf61-area-ntrca{--sf61-area:var(--sf61-ntrca,#3b6382);--sf61-tint:var(--sf61-ntrca-tint,#edf3f8)}
.sf61-area-primary{--sf61-area:var(--sf61-primary,#856252);--sf61-tint:var(--sf61-primary-tint,#f8f2ee)}
.sf61-area-ielts{--sf61-area:var(--sf61-ielts,#57508b);--sf61-tint:var(--sf61-ielts-tint,#f3f1f8)}
.sf61-refined .sf6-page-hero{position:relative;--sf6-accent:var(--sf61-area);background:var(--sf61-tint);min-height:420px}
.sf61-refined .sf6-page-hero>div:first-child{padding:62px 55px;align-self:center}
.sf61-page-media{position:relative;overflow:hidden;min-height:420px;padding:0!important;isolation:isolate}
.sf61-page-media>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.sf61-page-motion .sf61-page-media>img{animation:sf61-photo 22s ease-in-out infinite}
.sf61-page-detail{position:absolute;right:28px;bottom:28px;display:flex;align-items:center;gap:7px;min-width:125px;padding:16px 18px;background:#ffffffed;backdrop-filter:blur(8px);color:var(--sf61-area);border-radius:12px;box-shadow:0 10px 30px #122c2b1a;pointer-events:none}
.sf61-page-detail>span{display:flex;margin-right:7px}
.sf61-page-detail svg{width:26px;height:26px;stroke-width:1.4}
.sf61-page-detail i{display:block;width:4px;height:20px;background:currentColor;border-radius:3px;opacity:.5;transform-origin:bottom;animation:sf61-levels 5s ease-in-out infinite}
.sf61-page-detail i:nth-of-type(2){height:29px;animation-delay:.6s}
.sf61-page-detail i:nth-of-type(3){height:14px;animation-delay:1.2s}
.sf61-detail-ielts>span svg{animation:sf61-book 12s ease-in-out infinite}
.sf61-refined .sf6-page-content{--sf6-accent:var(--sf61-area);--sf6-mist:var(--sf61-tint)}
.sf61-refined .sf6-topic-list>div{border-bottom-color:#dde5e2;transition:padding .2s}
.sf61-refined .sf6-topic-list>div:hover{padding-left:8px}
.sf61-refined .sf6-facts li{border:1px solid #ffffffb3;padding:10px 16px}
.sf61-refined .sf6-prose{max-width:1020px}
/* Two footer levels: three columns, followed by the two credits. */
.sf61-refined .sf6-footer{padding:80px 0 32px}
.sf61-refined .sf6-footer-columns{grid-template-columns:1.2fr 1fr 1fr;gap:90px;padding-bottom:65px}
.sf61-refined .sf6-footer ul{columns:1}
.sf61-refined .sf6-footer li{margin-bottom:12px;font-size:16px}
.sf61-refined .sf6-footer .sf61-mark{color:#c9e8df}
.sf61-refined .sf6-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:28px;font-size:13px}
.sf61-refined .sf6-footer-bottom>span:last-child{text-align:right}
.sf61-refined .sf6-socials a{border:1px solid #ffffff0d;transition:background .2s,transform .2s}
.sf61-refined .sf6-socials a:hover{background:#ffffff22;transform:translateY(-3px)}
@keyframes sf61-progress{0%{transform:scaleX(.1)}75%{transform:scaleX(.95)}100%{transform:scaleX(.1)}}
@keyframes sf61-cursor{0%,100%{transform:translate(375px,265px)}35%,60%{transform:translate(282px,205px)}80%{transform:translate(350px,282px)}}
@keyframes sf61-check{0%,10%{stroke-dashoffset:20}35%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:20}}
@keyframes sf61-write{0%,10%{transform:scaleX(.12);opacity:.1}65%,85%{transform:scaleX(1);opacity:.35}100%{transform:scaleX(.12);opacity:.1}}
@keyframes sf61-pen{0%,100%{transform:translate(-3px,2px) rotate(-6deg)}30%{transform:translate(4px,-2px) rotate(3deg)}65%{transform:translate(-1px,2px) rotate(-2deg)}}
@keyframes sf61-book{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}
@keyframes sf61-levels{0%,100%{transform:scaleY(.45)}50%{transform:scaleY(1)}}
@keyframes sf61-photo{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}
@media(max-width:1150px){.sf61-refined .sf6-footer-columns{gap:45px}.sf61-refined .sf6-menu{gap:20px}.sf61-nav-icon{margin-right:5px}.sf61-refined .sf6-page-hero>div:first-child{padding:45px 35px}.sf61-feature-detail{left:18px;right:18px;bottom:18px;padding:18px}.sf61-feature-detail b{font-size:15px}}
@media(max-width:900px){.sf61-refined .sf6-footer-columns{grid-template-columns:1fr 1fr;gap:35px 60px}.sf61-refined .sf6-footer-columns>div:first-child{grid-column:1/-1}.sf61-page-media{min-height:360px}.sf61-refined .sf6-menu>li:last-child>a{width:fit-content}.sf61-refined .sf6-hero-copy{width:65%}}
@media(max-width:600px){
 .sf61-mark{width:32px;height:35px}.sf61-refined .sf6-hero{min-height:650px;background:#142e2f}.sf61-refined .sf6-hero-copy{width:100%;padding:32px 24px}
 .sf61-refined .sf6-hero-photo,.sf61-scene{inset:auto;top:auto;bottom:0;left:calc(100% - 590px);width:620px;height:310px;max-width:none;object-fit:cover}
 .sf61-refined .sf6-hero:after{background:linear-gradient(180deg,#142e2f 0%,#142e2f 37%,#142e2f66 57%,transparent 70%)}
 .sf61-refined .sf6-footer-columns{grid-template-columns:1fr;gap:38px;padding-bottom:42px}.sf61-refined .sf6-footer-columns>div:first-child{grid-column:auto}
 .sf61-refined .sf6-footer{padding-top:52px}.sf61-refined .sf6-footer-bottom{flex-direction:column;align-items:flex-start;gap:15px}.sf61-refined .sf6-footer-bottom>span:last-child{text-align:left}
 .sf61-feature-detail{gap:12px;left:15px;right:15px;bottom:15px;padding:15px}.sf61-feature-detail>span{width:42px;height:42px;flex-basis:42px}.sf61-feature-detail b{font-size:14px}
 .sf61-refined #ielts .sf6-inline-links{gap:10px}.sf61-refined #ielts .sf6-inline-links a{font-size:14px;padding:9px 13px}
 .sf61-refined .sf6-page-hero{min-height:0}.sf61-refined .sf6-page-hero>div:first-child{padding:34px 26px}.sf61-page-media{min-height:260px}.sf61-page-detail{right:20px;bottom:20px;padding:14px}
}
@media(max-width:359px){.sf61-refined .sf6-hero-photo,.sf61-scene{width:560px;height:280px;left:calc(100% - 533px)}.sf61-refined .sf6-hero h1{font-size:38px}}
@media(prefers-reduced-motion:reduce){.sf61-refined *,.sf61-refined *:before,.sf61-refined *:after{animation:none!important;transition:none!important}}

/* 6.2: readable syllabus guide and six social positions. */
.sf61-refined .sf6-syllabus-note{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px;padding:20px 24px;background:var(--sf6-mist);border-radius:12px;font-size:16px;color:#52656c}
.sf61-refined .sf6-syllabus-note>span{font-weight:600}.sf61-refined .sf6-syllabus-note>a{color:var(--sf6-accent);font-weight:600;text-decoration:none}
.sf61-refined .sf6-socials{flex-wrap:wrap;gap:11px}.sf62-social-unset{width:40px;height:40px;border-radius:50%;background:#ffffff0b;border:1px solid #ffffff12;display:grid;place-items:center;color:#bbcdca}.sf62-social-unset svg{width:19px;height:19px;fill:currentColor}