:root{--bg-main: #F4F1EA;--bg-card: #FBFAF6;--bg-soft: #EDE9DF;--bg-ink: #1A1917;--text-main: #1F1D1A;--text-muted: #5C574E;--text-light: #8A8377;--accent-primary: #B5622C;--accent-primary-soft: #C8814F;--accent-secondary: #2F6E6B;--accent-highlight: #E4A83C;--border-light: #E0DBCF;--border-soft: #CFC8B8;--border-ink: rgba(31, 29, 26, .12);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--font-display: "Fraunces", Georgia, "Times New Roman", serif;--font-body: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, Menlo, monospace;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 14px;--shadow-sm: 0 1px 2px rgba(31, 29, 26, .06);--shadow-md: 0 6px 20px -8px rgba(31, 29, 26, .18);--shadow-soft: 0 18px 48px -18px rgba(31, 29, 26, .22);--transition-fast: .18s cubic-bezier(.22, .61, .36, 1);--transition-normal: .34s cubic-bezier(.22, .61, .36, 1);--grid-line: rgba(31, 29, 26, .035);--glow-color: rgba(181, 98, 44, .1);--nav-bg: rgba(244, 241, 234, .82);--card-bg: #FCFAF4;--card-border: #DED8CA;--card-border-hover: #C6BCA6;--accent-milestone: #6C56B0;--accent-milestone-ring: rgba(108, 86, 176, .14);--accent-milestone-ring-hover: rgba(108, 86, 176, .2);--accent-milestone-tag-bg: rgba(108, 86, 176, .12)}[data-theme=dark]{--bg-main: #14130F;--bg-card: #1D1B16;--bg-soft: #26231C;--bg-ink: #0C0B09;--text-main: #F0EBDF;--text-muted: #A8A091;--text-light: #7A7263;--accent-primary: #E08A4A;--accent-primary-soft: #C8814F;--accent-secondary: #59B0AB;--accent-highlight: #F0BC55;--border-light: #2E2A22;--border-soft: #3A352B;--border-ink: rgba(240, 235, 223, .14);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 6px 20px -8px rgba(0, 0, 0, .55);--shadow-soft: 0 18px 48px -18px rgba(0, 0, 0, .7);--grid-line: rgba(240, 235, 223, .04);--glow-color: rgba(224, 138, 74, .14);--nav-bg: rgba(20, 19, 15, .82);--card-bg: #211E18;--card-border: #322D24;--card-border-hover: #453E31;--accent-milestone: #A18BE0;--accent-milestone-ring: rgba(161, 139, 224, .18);--accent-milestone-ring-hover: rgba(161, 139, 224, .24);--accent-milestone-tag-bg: rgba(161, 139, 224, .16)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg-main);color:var(--text-main);line-height:1.65;transition:background-color var(--transition-normal),color var(--transition-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;position:relative;min-height:100vh}body:before{content:"";position:fixed;inset:0;z-index:-2;background-image:linear-gradient(to right,var(--grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line) 1px,transparent 1px);background-size:32px 32px;pointer-events:none}body:after{content:"";position:fixed;top:-20%;left:50%;transform:translate(-50%);width:80vw;height:40vh;z-index:-1;background:radial-gradient(ellipse at center,var(--glow-color),transparent 70%);pointer-events:none}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--text-main)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-main);font-weight:600;line-height:1.15;letter-spacing:-.015em;margin-bottom:var(--spacing-sm)}h1{font-size:3rem;font-weight:600}h2{font-size:2.1rem}h3{font-size:1.5rem}p{margin-bottom:var(--spacing-md);color:var(--text-muted)}.container{max-width:940px;margin:0 auto;padding:0 var(--spacing-lg)}.mono-label{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-primary);font-weight:500}.text-center{text-align:center}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-md{gap:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-lg{margin-bottom:var(--spacing-lg)}.card{background:var(--card-bg);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid var(--card-border);transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal)}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-soft);border-color:var(--card-border-hover)}.fade-in{animation:fadeIn .6s cubic-bezier(.22,.61,.36,1) forwards;opacity:0;transform:translateY(14px)}.stagger>*{opacity:0;animation:fadeIn .6s cubic-bezier(.22,.61,.36,1) forwards}.stagger>*:nth-child(1){animation-delay:.05s}.stagger>*:nth-child(2){animation-delay:.14s}.stagger>*:nth-child(3){animation-delay:.23s}.stagger>*:nth-child(4){animation-delay:.32s}.stagger>*:nth-child(5){animation-delay:.41s}.stagger>*:nth-child(6){animation-delay:.5s}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1);will-change:opacity,transform}.reveal.is-visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.fade-in,.stagger>*{animation:none;opacity:1;transform:none}.reveal{opacity:1;transform:none;transition:none}}@media(max-width:768px){:root{--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px}body{font-size:15px}h1{font-size:2.1rem}h2{font-size:1.6rem}h3{font-size:1.3rem}.container{padding:0 var(--spacing-md)}body:before{background-size:24px 24px}}