/* TDNSC · Study Club aesthetic 2026 · Layered over the existing accessible interface. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root{--blue:#3d83df;--deep:#162e56;--pale:#eaf6ff;--muted:#4b6484;--border:#d0e2f4;--display:'Plus Jakarta Sans','Bricolage Grotesque',system-ui,sans-serif;--font:'DM Sans','Atkinson Hyperlegible',system-ui,sans-serif}
body{background:linear-gradient(145deg,#f8fbff 0%,#f5f9ff 40%,#fffaf6 100%);color:var(--deep);font-family:var(--font)}
.header{background:#ffffffed;border-bottom:1px solid #d9e8f8;box-shadow:0 8px 35px #2d65a109}
.header-inner{max-width:1220px}.brand{min-width:0}.tdnsc-brand-wordmark{max-height:63px;object-fit:contain}.account-link{border-radius:100px;background:#eaf4ff;color:#244c8b;border:1px solid #cbdff2;font-family:var(--display);font-weight:700}.account-link:hover{background:#d8ebff;color:#1c4175}.nav-link{font-family:var(--display);font-weight:700}.nav-link.active{background:#e4f1ff}
main{max-width:1220px;padding-top:23px}.student-home{overflow:visible}
h1,h2,h3,.eyebrow,.btn{font-family:var(--display)}
.study-ribbon{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:0 12px 19px;font:800 .82rem var(--display);color:#4a6a8b;letter-spacing:.01em}.study-ribbon .ribbon-handle{color:#627e9e}.student-home .eyebrow{color:#3d74ad;font-size:.77rem;letter-spacing:.095em;font-weight:800}
.hero.student-hero{padding:clamp(30px,4.5vw,58px);background:radial-gradient(circle at 91% 16%,#dfe9ff 0,#dfe9ff00 33%),linear-gradient(120deg,#e4f5ff,#dbf0ff 55%,#e9e7ff);border:2px solid #c4e4fa;border-radius:36px;box-shadow:0 15px 40px #356ba11b;grid-template-columns:minmax(0,1.24fr) minmax(280px,.76fr);gap:30px;overflow:visible;position:relative;margin-bottom:18px;min-height:520px}
.hero.student-hero:before{content:'✦';right:24px;top:10px;color:#7ea9e5;opacity:.7;font-size:55px}
.student-hero .hero-copy{z-index:2}.student-hero .tdnsc-hero-logo{display:block;width:clamp(178px,20vw,244px);height:auto;max-width:100%;margin:-20px 0 5px;filter:drop-shadow(0 3px 3px #2b659a10)}
.student-hero .hero-badge{font-family:var(--display);border:1px solid #d1e4fa;background:#fffafeee;color:#3b6395;font-size:.91rem;font-weight:750;box-shadow:0 3px 10px #497ab012;padding:10px 17px}
.student-hero h1{font-weight:900;letter-spacing:-.065em;font-size:clamp(2.95rem,5.8vw,5.35rem);line-height:1.045;margin:22px 0 18px;color:#17375f}.student-hero h1 em{display:inline;color:#3685d6}.hero-title-spark{font-size:.38em;display:inline-block;vertical-align:top;margin-left:.15em;transform:rotate(-14deg);color:#a68add}
.student-hero .intro{max-width:660px;font-family:var(--font);font-weight:600;color:#42617c;line-height:1.53;font-size:clamp(1.03rem,1.45vw,1.18rem);margin-bottom:26px}.student-hero .intro strong{color:#1a65ae;font-weight:900}
.student-home .btn{border-radius:100px;min-height:55px;padding:14px 24px;font-weight:800;font-size:1.02rem}.student-home .primary{background:#2776d1;border-color:#2776d1;box-shadow:0 6px 0 #11529b}.student-home .primary:hover{background:#175fad;border-color:#175fad;color:#fff}.student-home .secondary{background:#fff;border-color:#b4d5f1;color:#23649f}.student-home .secondary:hover{background:#f1faff}.student-hero .hero-note{color:#5e7693;font-family:var(--font);font-size:.81rem;font-weight:800;line-height:1.5;margin-top:24px}.student-hero .hero-note span{color:#4b9bde}
.student-hero .hero-visual{justify-self:end;align-self:center;width:100%;background:#fff;border-radius:29px;border:2px solid #c5dced;box-shadow:12px 13px 0 #bddbfa,0 26px 40px #3976a01d;transform:rotate(3deg);padding:23px 24px 18px;min-height:356px;position:relative;display:flex;justify-content:flex-start;align-items:stretch;gap:0}
.student-hero .visual-sticker{position:absolute;z-index:3;font:800 .81rem var(--display);border-radius:11px;padding:9px 13px;white-space:nowrap;box-shadow:0 4px 10px #37598719}.sticker-top{top:-22px;right:19px;background:#ffdfef;color:#a63d7a;transform:rotate(5deg)}.sticker-bottom{bottom:-16px;left:-14px;background:#fff2b8;color:#786016;transform:rotate(-7deg)}
.visual-card-top{display:flex;gap:8px;align-items:center;justify-content:space-between}.visual-chip{font:800 .72rem var(--display);background:#eaf2ff;border-radius:100px;padding:9px 12px;color:#2660ac}.visual-unit{font:800 .7rem var(--display);color:#7c93ae}.visual-doodle{font-size:2.5rem;color:#d8a4ed;height:52px;line-height:1;text-align:right;transform:rotate(15deg)}
.student-hero .visual-mini{font:800 .72rem var(--display);letter-spacing:.13em;color:#668ab8;margin-bottom:11px}.student-hero .hero-visual h2{font:900 clamp(1.6rem,2.4vw,2.35rem)/1.13 var(--display);letter-spacing:-.052em;color:#213b63;margin:0 0 16px}.student-hero .hero-visual h2 span{color:#3684cf}.student-hero .visual-small{font:700 .9rem/1.45 var(--font);color:#68829d;margin:0 0 17px}
.visual-answer{display:flex;align-items:center;justify-content:space-between;gap:6px;background:#eaf5ff;border:1px solid #d7e9fa;border-radius:12px;padding:13px 15px;color:#245fa1;text-decoration:none;font:800 .87rem var(--display)}.visual-answer:hover{background:#daeefe}.visual-footer{text-align:center;color:#96a9bf;font:800 .81rem var(--display);margin-top:16px}.visual-footer span{color:#f3a6bc}
.student-proof{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 40px;padding:22px 10px 16px;margin-bottom:48px;color:#51718c;font:800 .9rem var(--display)}.student-proof strong{font-size:1.08rem;color:#2878c7}
.student-home .section-intro{max-width:740px;margin-bottom:24px}.student-home .section-intro h2{font-weight:900;font-size:clamp(2.05rem,3.75vw,3.35rem);letter-spacing:-.047em;color:#18375c}.student-home .section-intro h2 span,.offers-heading h2 span{font-size:.65em;color:#eaa1c5}.student-home .section-intro p:last-child{color:#58758d;font-size:1.04rem}
.student-home .path-cards{gap:20px}.student-home .path-card{border:2px solid #d5e9fa;background:#e6f4ff!important;border-radius:30px;min-height:345px;box-shadow:none;padding:25px 25px 23px;position:relative;overflow:hidden}.student-home .path-card:after{content:'✧';position:absolute;right:20px;top:12px;font-size:2.5rem;color:#9fcbef}.student-home .path-card:nth-child(2){background:#f0ebff!important;border-color:#e0d8fc}.student-home .path-card:nth-child(2):after{color:#c5b4ea}.student-home .path-card:nth-child(3){background:#fff1e7!important;border-color:#f6dec8}.student-home .path-card:nth-child(3):after{color:#f0b9a2}.student-home .path-card:hover{transform:translateY(-5px);box-shadow:0 11px 25px #2463a00e}.student-home .path-icon{font-size:2rem;border-radius:21px;width:68px;height:68px;background:#fff!important;margin-bottom:21px;box-shadow:0 4px 0 #a9d0f247}.student-home .path-card:nth-child(3) .path-icon{background:#fff!important}.student-home .path-tag{font-size:.72rem;color:#4b759e}.student-home .path-card h3{font-size:clamp(1.62rem,2.4vw,2.12rem);font-weight:900;margin:9px 0 10px;letter-spacing:-.045em}.student-home .path-card p{font-size:.99rem;font-weight:600;color:#536e87;line-height:1.55;margin-bottom:24px}.student-home .path-cta{font-size:.99rem;border-top:1px solid #bcd7ed;color:#2c649a}.student-home .path-cta b{background:#fff;width:42px;height:42px;border-radius:14px}.student-home .start-section{margin-bottom:62px}
.student-home .student-toolkit{border:0;padding:36px 0 40px;gap:42px;grid-template-columns:.86fr 1.14fr}.student-toolkit .quick-section-copy h2{font-size:clamp(2.05rem,3.4vw,3.15rem);font-weight:900;color:#18385d}.student-toolkit .quick-section-copy h2 em{font-style:normal;color:#3f8dd5}.student-toolkit .quick-section-copy p{color:#587389;font-size:1.1rem;font-weight:600;line-height:1.6}.study-note{display:flex;align-items:flex-start;gap:13px;margin-top:28px;padding:15px 17px;background:#fff0f7;border-radius:17px;font-size:.9rem;font-weight:800;color:#79516d}.study-note span:first-child{font-size:1.4rem;color:#d17ba4}.student-toolkit .quick-links{gap:11px}.student-toolkit .quick-links a{background:white;border:1px solid #d5e6f4;border-radius:22px;min-height:95px;padding:19px 21px;box-shadow:0 5px 18px #2e68a009}.student-toolkit .quick-links a:hover{border-color:#8abdeb;transform:translateY(-2px)}.student-toolkit .quick-links a:nth-child(2){background:#f7f3ff}.student-toolkit .quick-links a:nth-child(3){background:#fff9ee}.student-toolkit .quick-icon{font-size:1.7rem;background:#e9f6ff;border-radius:18px;width:58px;height:58px}.student-toolkit .quick-links strong{font-family:var(--display);font-size:1.22rem;color:#1c3e66}.student-toolkit .quick-links small{font:650 .94rem/1.35 var(--font);color:#637d95}
.student-offers{margin:10px 0 50px;border:1px solid #dce9f7;border-radius:33px;background:#f0f8ff;padding:40px clamp(22px,5vw,54px);position:relative;overflow:hidden}.student-offers:before{content:'✦';position:absolute;right:35px;top:16px;font-size:3.4rem;color:#c2b5ef}.offers-heading{max-width:720px}.offers-heading h2{font-size:clamp(2rem,3.3vw,3rem);letter-spacing:-.047em;font-weight:900;line-height:1.1;margin:9px 0 13px}.offers-heading p{font:650 1.03rem/1.55 var(--font);color:#55738e;margin-bottom:25px}.offer-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.offer-card{padding:24px 25px;border-radius:24px;border:1px solid #d6e3ee;background:#fff;display:flex;flex-direction:column;box-shadow:0 8px 24px #2866a00a}.offer-card.paid-offer{background:#fefaff}.offer-stamp{font:850 .72rem var(--display);letter-spacing:.06em;color:#4f81a6}.offer-emoji{font-size:2rem;padding-top:15px}.offer-card h3{font:900 clamp(1.5rem,2.3vw,2rem)/1.17 var(--display);letter-spacing:-.04em;margin:10px 0}.offer-card p{color:#557086;font-size:.96rem;font-weight:600;flex:1;margin-bottom:21px}.offer-tail{border-top:1px solid #e1ecf6;padding-top:18px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.offer-tail strong{font:900 1.6rem var(--display);color:#1f6eb7}.offer-tail small{font-size:.8rem;color:#5f819c}.offer-tail a{font:800 .93rem var(--display);color:#245e9c;text-decoration:none;background:#eaf5ff;border-radius:999px;padding:10px 14px}.offer-tail a:hover{background:#d9ebff}
.student-home .rewards-teaser{background:linear-gradient(110deg,#eceaff,#fff0f7);border:1.5px solid #ded5f5;border-radius:29px;padding:26px 29px;box-shadow:0 8px 24px #a77cbe0c}.student-home .rewards-teaser-icon{border-radius:21px;background:#fff;font-size:2.4rem}.student-home .rewards-teaser h2{font-size:clamp(1.65rem,2.35vw,2.4rem);font-weight:900;letter-spacing:-.045em}.student-home .rewards-teaser p{font-size:1.02rem;color:#635f81}.student-home .calm-strip{background:#183a67;border-radius:29px;padding:34px 40px}.student-home .calm-symbol{background:#28588a;border-radius:20px;color:#bedcff}.student-home .calm-strip h2{font-weight:850}.student-home .calm-strip p{font-size:1.03rem}.student-home .existing-learner{background:#fff;border-radius:25px}.student-home .existing-learner h2{font-weight:900}.student-home .about{margin-top:52px;padding-bottom:16px}.student-home .about h2{font-weight:900;font-size:clamp(1.9rem,3vw,2.5rem)}.student-home .about h2 em{font-style:normal;color:#3985d0}.student-home .about p{font-weight:600;color:#56718a}
/* Global treatment for other pages: make the product feel cohesive while retaining functional structure */
.page:not(.student-home) .heading h1,.rewards-page h1{font-weight:900}.page:not(.student-home) .activity,.rewards-card,.page:not(.student-home) .product,.page:not(.student-home) .route{border-radius:25px;box-shadow:0 9px 24px #2d65940b}.rewards-hero{background:linear-gradient(112deg,#e3f4ff,#e9eaff);border-radius:30px}.rewards-card:nth-child(2){background:#fff9fc}.rewards-card:nth-child(3){background:#fffdf5}.student-home .btn:focus-visible{outline:4px solid #a065bf;outline-offset:5px}
@media(max-width:1040px){.hero.student-hero{grid-template-columns:minmax(0,1.15fr) minmax(250px,.85fr);padding:40px}.student-hero h1{font-size:clamp(2.9rem,5vw,4.1rem)}.student-hero .hero-visual{padding:21px}.student-proof{gap:8px 22px}.header .main-nav{gap:0}}
@media(max-width:760px){main{padding:15px 13px 60px}.study-ribbon{font-size:.74rem;padding:0 7px 13px;display:block;text-align:center}.study-ribbon .ribbon-handle{display:none}.hero.student-hero{display:flex;flex-direction:column;gap:27px;border-radius:28px;padding:27px 23px 35px;margin-bottom:4px;overflow:hidden}.student-hero .tdnsc-hero-logo{width:200px;margin:-14px 0 5px}.student-hero h1{font-size:clamp(2.78rem,10vw,4.3rem);line-height:1.045}.student-hero .hero-badge{font-size:.78rem;padding:9px 12px}.student-hero .intro{font-size:1.02rem}.student-hero .actions{display:flex;flex-direction:column;gap:13px}.student-hero .actions a{width:100%}.student-hero .hero-note{font-size:.77rem;margin-top:20px}.student-hero .hero-visual{width:92%;align-self:center;min-height:320px;transform:rotate(2deg);padding:21px 20px 17px;box-shadow:8px 10px 0 #c1dffe}.student-hero .hero-visual h2{font-size:clamp(1.65rem,6.4vw,2.1rem)}.student-proof{font-size:.77rem;gap:6px 14px;justify-content:center;margin:9px 0 42px;line-height:1.6}.student-home .section-intro h2{font-size:2.15rem}.student-home .path-cards,.offer-cards{grid-template-columns:1fr}.student-home .path-card{min-height:260px}.student-home .start-section{margin-bottom:35px}.student-home .student-toolkit{grid-template-columns:1fr;gap:20px;padding:20px 0 40px}.student-home .quick-section h2{font-size:2.3rem}.student-offers{padding:31px 18px;margin-bottom:33px;border-radius:26px}.student-home .rewards-teaser{padding:21px 20px}.student-home .calm-strip{padding:26px 23px;border-radius:22px}.student-home .about{margin-top:40px}.student-home .btn{font-size:1rem;min-height:52px}.student-home .existing-learner{padding:25px}}
@media(max-width:420px){.student-hero .hero-visual{width:96%}.student-hero h1{font-size:2.65rem}.student-proof{font-size:.7rem;gap:5px 12px}.offer-tail{align-items:flex-start}.student-home .path-card{padding:22px}.student-home .rewards-teaser .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.student-home *{transition:none!important;transform:none!important}.hero.student-hero .hero-visual{transform:none}.sticker-top,.sticker-bottom{transform:none}}

/* v5 — Simplified brand lockup and calmer homepage hero. 
   The small TDNSC capsule is visually cropped from the existing logo asset:
   original branding files are preserved unchanged. */
.header .brand-logo-crop{display:block;flex-shrink:0;width:195px;max-width:42vw;aspect-ratio:900 / 306;overflow:hidden;line-height:0}
.header .brand .brand-logo-crop .tdnsc-brand-wordmark{display:block;width:100%;height:auto;max-width:none;max-height:none;object-fit:unset}
.student-hero .hero-logo-crop{display:block;width:clamp(178px,20vw,244px);max-width:100%;aspect-ratio:900 / 306;overflow:hidden;margin:-8px 0 22px;line-height:0}
.student-hero .hero-logo-crop .tdnsc-hero-logo{display:block;width:100%;height:auto;max-width:none;max-height:none;object-fit:unset;margin:0;filter:drop-shadow(0 3px 3px #2b659a10)}
.student-hero h1{margin:0 0 20px}
.student-hero .intro{max-width:38ch;font-weight:700;font-size:clamp(1.02rem,1.35vw,1.14rem);margin:0 0 29px;line-height:1.65}
.student-hero .actions{gap:12px}
@media(max-width:1050px){.header .brand-logo-crop{width:168px}}
@media(max-width:750px){.header .brand-logo-crop{width:190px;max-width:64vw}.student-hero .hero-logo-crop{width:200px;margin:-1px 0 24px}.student-hero .intro{font-size:1.02rem;margin-bottom:26px}}
@media(max-width:370px){.header .brand-logo-crop{width:167px}}

/* v6: lighter, modern app typography and clear choose-your-path primary actions. */
.student-hero h1 {font-family:var(--display);font-weight:800;letter-spacing:-.057em;line-height:1.09;}
.student-hero .intro {font-weight:500;letter-spacing:-.01em;line-height:1.6;max-width:42ch;}
.student-home .btn {font-family:var(--display);font-weight:750;letter-spacing:-.025em;}
.student-hero .actions .primary {background:#256ac0;border-color:#256ac0;box-shadow:0 5px 0 #174a88;}
.student-hero .actions .secondary {color:#264e82;border-color:#a8cbea;background:#fff;box-shadow:0 4px 16px #2768ae0c;}
.student-hero .actions .secondary:hover {background:#f5faff;border-color:#6eacdf;}
#start-heading {scroll-margin-top:115px;}
#start-heading:focus {outline:none;}
@media(max-width:760px) {.student-hero h1 {letter-spacing:-.051em;line-height:1.08;} #start-heading {scroll-margin-top:95px;}}
@media(max-width:365px) {.student-hero .actions .btn {font-size:.93rem;padding-inline:13px;}}