/* My Campus Startups accounts. The marketing site's tokens (umbrella mockup canvas P9C1zwbv, mcs.css), light only. */
@font-face{font-family:'Newsreader';font-style:normal;font-weight:400 600;font-display:swap;src:url(/assets/fonts/newsreader-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:400 600;font-display:swap;src:url(/assets/fonts/newsreader-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Public Sans';font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/fonts/public-sans-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Public Sans';font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/fonts/public-sans-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  color-scheme:light;
  --parchment:#F3ECDF;--sand:#DFD2B9;--sand-deep:#C9B896;--card:#FFFFFF;--mint:#EAF3EC;
  --ink:#26221C;--ink-soft:#4A4339;--ink-lede:#544C40;--muted:#6B6359;
  --pine:#134E37;--pine-bright:#1C6B47;--clay:#A55127;
  --f-display:"Newsreader",Georgia,"Times New Roman",serif;
  --f-body:"Public Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --radius:18px;
  --lift:0 22px 34px -20px rgba(14,58,41,.22),0 5px 10px -6px rgba(38,34,28,.12);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--parchment);color:var(--ink);font:400 17px/1.6 var(--f-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
h1,h2,p,dl,dd,ul{margin:0}
ul{padding:0;list-style:none}
h1,h2{font-family:var(--f-display);font-weight:500;letter-spacing:-.022em;line-height:1.08;text-wrap:balance}
a{color:var(--pine);font-weight:600;text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:2px}
:focus-visible{outline:2px solid var(--pine-bright);outline-offset:2px}
strong{font-weight:700;overflow-wrap:anywhere}

.main{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:72px 16px 88px}
.box{width:100%;max-width:440px;text-align:center}
.logo{display:block;width:56px;height:56px;margin:0 auto 16px}
.box h1{font-size:2.6rem;margin-bottom:8px}
.lede{font-size:1.15rem;line-height:1.5;color:var(--ink-lede);text-wrap:pretty}
.card{margin-top:24px;display:grid;gap:16px;text-align:left;background:var(--card);border:1px solid var(--sand);border-radius:var(--radius);padding:28px;box-shadow:var(--lift)}
.card form{display:grid;gap:16px}
.field{display:grid;gap:6px}
label{font-weight:600;font-size:.95rem}
.input{width:100%;font:inherit;font-size:1.02rem;padding:.75em 1em;border:1px solid var(--sand-deep);border-radius:12px;background:#fff;color:var(--ink)}
.input:focus{outline:none;border-color:var(--pine);box-shadow:0 0 0 4px rgba(28,107,71,.22)}
.input.code{font-size:1.6rem;letter-spacing:.4em;text-align:center;font-variant-numeric:tabular-nums;padding:.45em .5em .45em 1em}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6em;padding:.85em 1.35em;border-radius:999px;font:600 1rem/1.15 var(--f-body);text-decoration:none;border:1px solid transparent;cursor:pointer;white-space:nowrap}
.btn:hover{text-decoration:none}
.btn-primary{background:var(--pine);color:#fff}
.btn-primary:hover{background:var(--pine-bright)}
.btn:disabled{opacity:.6;cursor:default}
.btn-ghost{border-color:var(--sand-deep);color:var(--ink);background:#fff}
.btn-ghost:hover{border-color:var(--ink-soft)}
.btn-block{width:100%}
.btn svg{flex:none}
.or{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:.86rem}
.or::before,.or::after{content:"";flex:1;height:1px;background:var(--sand)}
.error{color:var(--clay);font-weight:600;font-size:.95rem;line-height:1.45}
.sent{color:var(--ink-lede);line-height:1.5}
.hint{color:var(--muted)}
.screen-code{display:grid;gap:4px;padding:14px;border-radius:12px;background:var(--mint);color:var(--pine);text-align:center}
.screen-code strong{font-size:1.8rem;letter-spacing:.3em;font-variant-numeric:tabular-nums}
.links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;margin-top:20px}
.links form{display:inline}
.link-btn{background:none;border:0;padding:0;font:600 1rem/1.4 var(--f-body);color:var(--pine);cursor:pointer}
.link-btn:hover{text-decoration:underline;text-underline-offset:2px}
.link-btn:disabled{color:var(--muted);cursor:default;text-decoration:none}
.aside{margin-top:20px;color:var(--ink-lede);font-size:.95rem;text-wrap:balance}
.legal{margin-top:12px;color:var(--muted);font-size:.85rem;text-wrap:balance}
.legal a{font-weight:600}
.turnstile:empty{display:none}
.foot{padding:24px 16px 28px;color:var(--muted);font-size:.8rem;line-height:1.5;text-align:center}

.bar{background:#fff;border-bottom:1px solid var(--sand)}
.bar-in{max-width:672px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;gap:12px}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:800;letter-spacing:-.01em;white-space:nowrap}
.brand:hover{text-decoration:none}
.brand img{width:32px;height:32px;flex:none}
.me{margin-left:auto;min-width:0;font-weight:600;font-size:.92rem;color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account{width:100%;max-width:640px}
.account h1{font-size:2.6rem;margin-bottom:24px}
.panel{background:var(--card);border:1px solid var(--sand);border-radius:var(--radius);padding:24px;box-shadow:var(--lift)}
.panel+.panel{margin-top:20px}
.panel h2{font-size:1.45rem;margin-bottom:14px}
.facts{display:grid;gap:14px}
.facts dt{font-size:.82rem;color:var(--muted);font-weight:600}
.facts dd{font-weight:600;line-height:1.4;overflow-wrap:anywhere}
.products{display:grid;gap:10px}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}

@media (max-width:520px){
  .main{padding:40px 16px 56px}
  .box h1,.account h1{font-size:2.1rem}
  .card{padding:22px}
  .panel{padding:20px}
}