@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Playfair+Display:wght@500&display=swap');@import url('extra.css');
:root{--ink:#20242b;--muted:#6f6f6f;--line:#e9e9e9;--amber:#d99b24;--amber-soft:#fff0c2;--stone:#e9e1d6;--olive:#485c11;--olive-soft:#dfecc6;--dark:#22211f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fcfcfa;color:#111;font:15px 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}.shell{width:min(1200px,calc(100% - 48px));margin:auto}.nav{height:104px;display:flex;align-items:center;gap:24px}.brand{font:500 30px 'Playfair Display',Georgia,serif;letter-spacing:-1.5px}.nav-links{display:flex;gap:24px;margin:auto;padding:16px 24px;background:#ffffffbb;backdrop-filter:blur(15px);border-radius:999px;font-weight:700;font-size:14px}.nav-links a:hover,.subtle-link:hover{color:var(--amber)}.button{display:inline-flex;border:0;border-radius:999px;padding:14px 22px;font:700 14px 'DM Sans';cursor:pointer;align-items:center;justify-content:center;gap:8px}.button-dark{background:var(--olive);color:white}.button-dark:hover{background:#35450b}.button-light{background:var(--olive-soft)}.hero{text-align:center;padding:86px 0 0}.eyebrow{margin:0;color:var(--olive);font:700 12px 'DM Sans';letter-spacing:1.2px}.hero h1,.section h2,.cta h2,.auth-card h1{font:500 clamp(58px,11vw,116px)/.9 'Playfair Display',Georgia,serif;letter-spacing:-4px;margin:28px 0}.lede{font-size:20px;color:var(--muted);max-width:560px;margin:0 auto 34px}.study-preview{height:360px;margin-top:72px;background:var(--amber-soft);border-radius:30px;display:grid;place-items:center}.preview-card{width:min(710px,78%);height:270px;background:var(--dark);border:2px solid #ffffff88;border-radius:24px;padding:24px;color:white;box-shadow:0 -4px 20px #0002}.preview-top{display:flex;justify-content:space-between;color:#fff9}.preview-top strong{color:#63d297}.bars{height:180px;display:flex;gap:8px;align-items:end;padding-top:24px}.bars i{display:block;flex:1;background:var(--stone);border-radius:5px 5px 0 0;height:35%}.bars i:nth-child(3n){background:var(--amber)}.bars i:nth-child(2n){height:55%}.bars i:nth-child(4n){height:78%}.trusted{text-align:center;color:var(--muted);padding:58px 0;font-size:13px;letter-spacing:.3px}.section{padding:74px 0}.section h2,.cta h2{font-size:clamp(48px,6vw,72px);letter-spacing:-2px;margin:28px 0 16px}.muted{color:var(--muted);line-height:1.55}.grid{display:grid;gap:20px}.benefits{grid-template-columns:repeat(4,1fr);margin-top:56px}.benefits article,.steps article{border-top:1px solid var(--line);padding:30px 20px 20px 0}.icon{font-size:26px;color:var(--amber)}h3{font:500 21px 'Playfair Display',Georgia,serif;margin:22px 0 12px}article p{color:var(--muted);line-height:1.5;margin:0}.visual{height:520px;background:var(--stone);border-radius:30px;display:grid;place-items:center}.flashcard{background:#fff;border-radius:18px;padding:38px;text-align:center;width:min(360px,80%);box-shadow:0 12px 30px #0001}.flashcard p{color:var(--muted);line-height:1.6}.flashcard a{color:var(--amber);font-weight:700}.split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.feature-list{list-style:none;padding:28px 0 0;margin:0}.feature-list li{border-top:1px solid var(--line);padding:20px 0;font-weight:500}.feature-list b{display:inline-block;color:var(--muted);width:50px}.dashboard{border-radius:30px;background:var(--amber-soft);display:grid;place-items:center;font-size:120px;color:var(--amber)}.section-heading{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:60px}.section-heading h2{margin:0}.steps{grid-template-columns:repeat(3,1fr);margin-top:70px}.steps strong{font-size:80px;color:#929292;font-weight:400}.cta{text-align:center;border-top:1px solid var(--line);padding:120px 0}.cta h2{margin:0 0 20px}.footer{border-top:1px solid var(--line);padding:38px 0 24px;display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.footer .brand{color:#111;font-size:26px}.auth-page{min-height:100vh}.auth-page .nav{justify-content:space-between}.auth-page .nav>a:last-child{font-weight:700}.auth-wrap{display:grid;place-items:center;padding:45px 24px 90px}.auth-card{width:min(440px,100%);background:white;border:1px solid var(--line);border-radius:24px;padding:34px;box-shadow:0 18px 40px #0000000d}.auth-card h1{font-size:50px;letter-spacing:-2px;margin:24px 0 14px}.auth-card form{display:grid;gap:16px;margin-top:30px}.auth-card label{display:grid;gap:8px;font-weight:700;font-size:13px}.auth-card input{width:100%;border:1px solid #d9d9d5;border-radius:10px;padding:14px;font:15px 'DM Sans';background:#fcfcfa}.auth-card input:focus{outline:2px solid var(--amber)}.auth-card .button{width:100%;margin-top:8px}.subtle-link{display:block;text-align:center;margin:18px 0;color:var(--muted);font-size:13px}.auth-foot{text-align:center;color:var(--muted);font-size:13px;border-top:1px solid var(--line);padding-top:20px}.auth-foot a{color:var(--olive);font-weight:700}.plan{display:flex;justify-content:space-between;gap:20px;background:var(--amber-soft);border-radius:14px;padding:18px;margin-top:28px}.plan div{display:grid;gap:5px}.plan span{font-size:12px;color:var(--muted)}.plan>strong{font:500 24px 'Playfair Display'}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.payment-card small{display:block;color:var(--muted);margin-top:14px;text-align:center}@media(max-width:760px){.shell{width:min(100% - 32px,1200px)}.nav{height:82px}.nav-links{display:none}.hero{padding-top:70px}.study-preview{height:245px}.preview-card{height:190px;padding:16px}.benefits,.split,.steps{grid-template-columns:1fr}.visual{height:390px}.section-heading{display:block}.section-heading .button{margin-top:24px}.footer{width:calc(100% - 32px)} }