:root{--color-primary: #8B1010;--color-primary-hover: #A52020;--color-bg: #F8F9FA;--color-surface: #FFFFFF;--color-surface-2: #F3F4F6;--color-border: rgba(0,0,0,.07);--color-text: #0A0A0A;--color-text-muted: #6B7280;--font-mono: "JetBrains Mono", "Fira Code", Consolas, monospace;--shadow-sm: 0 1px 3px rgba(0,0,0,.05), 0 2px 8px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.07), 0 8px 24px rgba(0,0,0,.05);--shadow-lg: 0 8px 24px rgba(0,0,0,.09), 0 20px 48px rgba(0,0,0,.07);--radius: 12px;--radius-sm: 8px;--radius-full: 9999px}*{box-sizing:border-box}html{background-color:var(--color-bg);color:var(--color-text);scroll-behavior:smooth}body{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}pre,code{font-family:var(--font-mono)}.ant-layout{background:var(--color-bg)!important}.ant-layout-header{border-bottom:1px solid var(--color-border)}.ant-layout-footer{border-top:1px solid var(--color-border)}.text-primary{color:var(--color-primary)}.text-muted{color:var(--color-text-muted)}.section{padding:80px 0}.section-sm{padding:48px 0}.gradient-text{background:linear-gradient(135deg,#0a0a0a 30%,#8b1010);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-elevated{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:box-shadow .25s ease,transform .25s ease}.card-elevated:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.card-hover{transition:box-shadow .25s ease,transform .25s ease!important}.card-hover:hover{box-shadow:var(--shadow-md)!important;transform:translateY(-3px)!important;border-color:#8b101040!important}section[id]{scroll-margin-top:72px}.role-pill{display:inline-flex;align-items:center;padding:5px 14px;background:#f3f4f6;border:1px solid rgba(0,0,0,.07);border-radius:var(--radius-full);font-size:13px;font-weight:500;color:#374151;transition:background .2s,color .2s}.role-pill:hover{background:#fff3f3;color:#8b1010;border-color:#ffd5d5}.tech-tag{display:inline-flex;align-items:center;padding:3px 10px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:6px;font-size:12px;color:#4b5563}.bento-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px}.bento-main{grid-column:1}.bento-side{grid-column:2;display:flex;flex-direction:column;gap:16px}.journey-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;position:relative}.journey-grid:before{content:"";position:absolute;top:24px;left:calc(10% + 16px);right:calc(10% + 16px);height:2px;background:linear-gradient(to right,#ffd5d5,#8b1010,#ffd5d5);z-index:0}@media(max-width:900px){.journey-grid{grid-template-columns:repeat(2,1fr)}.journey-grid:before{display:none}.bento-grid{grid-template-columns:1fr}.bento-side{grid-column:1}}@media(max-width:600px){.journey-grid{grid-template-columns:1fr}}.section-label{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#8b1010;margin-bottom:12px}