@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--accent:#bd4a1d;--ink:#22201f;--muted:#77716c;--line:#e8e1da;--paper:#faf8f5}*{box-sizing:border-box}body{margin:0;font:15px/1.65 'DM Sans',Arial,sans-serif;color:var(--ink);background:radial-gradient(ellipse at 5% 45%,#ffeadc88,transparent 50%),var(--paper)}a{color:inherit;text-decoration:none}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #b54c23;outline-offset:5px}h1,h2{font-family:Manrope,Arial,sans-serif;letter-spacing:-.055em;line-height:1.15}button,a{touch-action:manipulation}.account-header,.account-footer{max-width:1320px;margin:auto;padding:30px 48px;display:flex;align-items:center;justify-content:space-between;gap:24px}.account-header>a:last-child:not(.account-brand){font-size:13px;color:#77675a}.account-brand{display:flex;align-items:center;font-size:28px;font-weight:800;letter-spacing:-1.3px}.brand-dot{color:#ef763b}.account-mark{position:relative;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(145deg,#ffb540,#ff571b);font:bold italic 40px Arial;color:#fff;margin-right:12px;padding-right:3px}.account-mark sup{position:absolute;right:-6px;top:-9px;font:20px Arial;color:#f5902b}.signin-layout{width:min(1150px,calc(100% - 96px));margin:45px auto 60px;display:grid;grid-template-columns:1.2fr 1fr;gap:95px;align-items:center}.account-kicker{font-size:10px;font-weight:700;letter-spacing:.15em;color:var(--accent)}.account-story h1{font-size:clamp(46px,5vw,72px);margin:25px 0 28px}.account-story h1 em{font-style:normal;color:#c55528}.account-story>p{max-width:420px;font-size:17px;color:var(--muted);line-height:1.85}.account-projects{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:35px}.account-projects>span{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700}.project-monogram{display:grid;place-items:center;width:38px;height:38px;background:#eee7df;border-radius:12px;font:700 24px Manrope,Arial;font-style:normal}.project-monogram.lab{color:#fff;background:linear-gradient(135deg,#5955ba,#47b9d2)}.project-monogram.school{color:#fff;background:#466d5b}.account-projects .project-next{font-size:11px;font-weight:400;color:#8c8179}.account-plan-note{display:flex;gap:15px;border-top:1px solid var(--line);margin-top:40px;padding-top:23px}.account-plan-note strong{font-size:13px}.account-plan-note p{font-size:11px;color:var(--muted);margin:4px 0}.plan-orbit{font-size:28px;color:#d57743}.signin-card{background:#fff;padding:40px;border:1px solid #e9e2dc;border-radius:28px;box-shadow:0 24px 60px #4a34210b}.signin-card h2{font-size:35px;margin:15px 0}.signin-card>p{font-size:13px;color:var(--muted);margin-bottom:26px}.signin-card label{display:block;font-size:12px;font-weight:600;margin:20px 0 8px}.signin-card input{width:100%;border:1px solid #dcd6cf;border-radius:12px;padding:14px;background:#fdfcfb;color:var(--ink)}.signin-card input:focus{border-color:#c86f48}.account-button{display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:16px 20px;border:0;border-radius:12px;background:#262321;color:#fff;font-weight:600;cursor:pointer;margin-top:27px}.account-button:hover{background:#a84922}.signin-card .account-existing{font-size:12px;margin:25px 0 22px;color:#8b8179}.account-existing strong{font-weight:500;color:#4b4642}.account-help{padding-top:20px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.account-help a{color:var(--accent);font-weight:600}.account-footer{font-size:11px;color:#948a82;border-top:1px solid var(--line)}.account-alert{border:1px solid #e9c1ad;background:#fff4ec;padding:12px;border-radius:10px;color:#a33e1c!important}.account-hub{max-width:1224px;margin:35px auto 70px;padding:0 48px;min-height:65vh}.account-hub>h1{font-size:clamp(35px,4vw,52px);margin-bottom:15px}.account-hub>p{color:var(--muted)}.membership-card{display:flex;justify-content:space-between;gap:30px;align-items:center;background:linear-gradient(120deg,#fff,#fff0e5);border:1px solid #ecd7c5;border-radius:22px;padding:28px;margin:35px 0}.membership-card h2{font-size:24px;margin:12px 0}.membership-card p{font-size:13px;color:var(--muted);margin:0}.membership-status{display:flex;flex-direction:column;gap:7px;max-width:250px;font-size:13px}.membership-status span{font-size:11px;color:var(--muted)}.hub-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.hub-project{position:relative;display:block;background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;transition:transform .2s,border-color .2s}.hub-project:hover{transform:translateY(-4px);border-color:#c98b64}.hub-project h2{font-size:27px;margin:26px 0 15px}.hub-project p{color:var(--muted);font-size:13px;line-height:1.8}.hub-project>strong{display:block;font-size:13px;border-top:1px solid var(--line);padding-top:20px;margin-top:25px}.hub-arrow{position:absolute;right:28px;top:30px;font-size:22px;color:#c0b3a7}.coming-next{background:transparent;border-style:dashed}.coming-next>span:last-child{font-size:11px;color:var(--muted)}.hub-note{font-size:11px;margin-top:24px}.signout{border:1px solid var(--line);border-radius:20px;background:#fff;padding:9px 16px;font-size:12px;cursor:pointer}@media(max-width:900px){.signin-layout{gap:35px}.signin-card{padding:28px}.hub-project-grid{grid-template-columns:1fr 1fr}.coming-next{grid-column:1/-1}.membership-card{align-items:flex-start;flex-direction:column}}@media(max-width:640px){.account-header,.account-footer{padding:22px}.account-header>a:last-child:not(.account-brand){font-size:11px}.account-brand{font-size:23px}.signin-layout{width:calc(100% - 40px);grid-template-columns:1fr;margin-top:20px;gap:30px}.account-story h1{font-size:45px}.account-story>p{font-size:15px}.account-plan-note{margin-top:25px}.account-hub{padding:0 22px}.hub-project-grid{grid-template-columns:1fr}.membership-card{padding:22px}.account-footer{flex-wrap:wrap}.hub-project{padding:24px}}

/* Readable shared-account typography and consistent brand sizing. */
.account-page{font-size:17px}.account-header .account-brand{font-size:30px;color:var(--ink)}.account-header>a:last-child:not(.account-brand){font-size:15px}.account-kicker{font-size:12px}.account-hub>p{font-size:17px}.account-footer{font-size:14px}.signout{font-size:15px}.account-button{font-size:17px}.account-hub>.account-button{width:fit-content;min-width:230px}.membership-card p{font-size:16px}.membership-status{font-size:16px}.membership-status span{font-size:14px}.hub-project p{font-size:16px}.hub-project>strong{font-size:16px}.hub-project h2{font-size:30px}.coming-next>span:last-child,.hub-note{font-size:14px}.signin-card>p,.signin-card label,.account-help{font-size:15px}.signin-card .account-existing{font-size:14px}.account-projects>span{font-size:15px}.account-projects .project-next,.account-plan-note p{font-size:14px}.account-plan-note strong{font-size:15px}
@media(max-width:640px){.account-header .account-brand{font-size:26px}.account-header>a:last-child:not(.account-brand){font-size:13px}.account-footer{font-size:13px}.account-hub>p,.hub-project p,.membership-card p{font-size:16px}.account-kicker{font-size:11px}}