:root { color-scheme: light; --forest:#173c32; --green:#276653; --cream:#f4efe4; --paper:#fffdf8; --muted:#66756f; --line:#d8e2dc; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; background:radial-gradient(circle at 75% -10%, #d4e5d9, transparent 34rem), var(--cream); color:var(--forest); font:16px/1.6 ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; }
main { width:min(1080px, calc(100% - 2rem)); margin:auto; padding:clamp(2rem,8vw,6rem) 0 2rem; }
header { max-width:780px; }
.monogram { display:grid; place-items:center; width:52px; height:52px; margin-bottom:2rem; border-radius:17px; background:var(--forest); color:#edbd60; font:700 1.55rem Georgia,serif; box-shadow:0 12px 28px rgb(23 60 50 / 18%); }
.eyebrow { margin:0 0 .4rem; color:var(--green); font-size:.76rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
h1 { margin:0; font:600 clamp(3rem,8vw,6rem)/.93 Georgia,serif; letter-spacing:-.055em; }
.lede { max-width:600px; margin:1.3rem 0 0; color:var(--muted); font-size:1.15rem; }
.apps { display:grid; grid-template-columns:1.35fr 1fr; gap:1rem; margin:clamp(3rem,7vw,5rem) 0; }
.app-card { position:relative; display:grid; grid-template-columns:64px minmax(0,1fr) auto; gap:1.2rem; min-height:210px; padding:1.6rem; border:1px solid var(--line); border-radius:24px; background:rgb(255 253 248 / 88%); color:inherit; text-decoration:none; box-shadow:0 18px 48px rgb(23 60 50 / 8%); }
.app-card.college { border-top:5px solid var(--green); transition:.18s ease; }
.app-card.college:hover { transform:translateY(-3px); box-shadow:0 24px 55px rgb(23 60 50 / 14%); }
.app-icon { display:grid; place-items:center; width:64px; height:64px; border-radius:19px; background:#dfebe2; color:var(--forest); font:700 1.6rem Georgia,serif; }
.future { opacity:.73; }
.future .app-icon { background:#eee9dd; color:#877f70; }
.status { color:var(--green); font-size:.74rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.status i { display:inline-block; width:7px; height:7px; margin-right:.4rem; border-radius:50%; background:#3b9c68; }
h2 { margin:.45rem 0 .5rem; font:600 1.55rem Georgia,serif; }
.app-card p { margin:0; color:var(--muted); }
.arrow { align-self:center; font-size:1.8rem; }
footer { display:flex; justify-content:space-between; gap:1rem; padding-top:1.2rem; border-top:1px solid #d4ddd7; color:var(--muted); font-size:.86rem; }
footer nav { display:flex; gap:1rem; }
footer a, .legal a { color:var(--green); }
.legal { width:min(760px, calc(100% - 2rem)); padding-top:3rem; }
.legal .back { display:inline-block; margin-bottom:2rem; text-decoration:none; font-weight:700; }
.legal article { padding:clamp(1.4rem,5vw,3.5rem); border:1px solid var(--line); border-radius:24px; background:var(--paper); box-shadow:0 18px 48px rgb(23 60 50 / 8%); }
.legal h1 { font-size:clamp(2.5rem,7vw,4rem); }
.legal h2 { margin-top:2rem; }
.legal p,.legal li { color:var(--muted); }
.updated { font-size:.9rem; }
@media (max-width:760px) { .apps { grid-template-columns:1fr; } .app-card { grid-template-columns:54px minmax(0,1fr) auto; min-height:0; padding:1.2rem; } .app-icon { width:54px; height:54px; } footer { flex-direction:column; } }