:root{--bg: #0f172a;--bg-elevated: #1e293b;--bg-elevated-hover: #334155;--border: #334155;--text: #e2e8f0;--text-muted: #94a3b8;--accent: #38bdf8;--accent-dim: rgba(56, 189, 248, .15);--font-sans: "DM Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius: 12px;--radius-sm: 8px;--shadow: 0 4px 24px rgba(0, 0, 0, .25);--shadow-hover: 0 8px 32px rgba(0, 0, 0, .35)}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}.landing{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:var(--space-xl);position:relative;overflow:hidden}.landing:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,var(--accent-dim),transparent 50%),linear-gradient(180deg,transparent 0%,transparent 100%);pointer-events:none;z-index:0}.landing:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:64px 64px;opacity:.15;pointer-events:none;z-index:0}.hero,.projects,.landing-footer{position:relative;z-index:1}.hero{text-align:center;margin-bottom:var(--space-3xl);max-width:640px}.hero-title{margin:0 0 var(--space-sm);font-size:clamp(2rem,5vw,3rem);font-weight:700;letter-spacing:-.02em;line-height:1.15}.hero-tagline{margin:0;font-size:1.125rem;color:var(--text-muted);font-weight:500}.hero-byline{margin:var(--space-md) 0 0;font-size:.9375rem;color:var(--text-muted);opacity:.9}.projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg);width:100%;max-width:720px;margin-bottom:var(--space-3xl)}.project-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:var(--space-xl);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:inherit;transition:background .2s ease,transform .2s ease,box-shadow .2s ease,border-color .2s ease;box-shadow:var(--shadow)}.project-card:hover,.project-card:focus{background:var(--bg-elevated-hover);transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:var(--accent);outline:none}.project-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.project-card-icon-wrap{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:var(--space-md);background:var(--accent-dim);border-radius:var(--radius-sm);color:var(--accent)}.project-card-icon{width:24px;height:24px}.project-card-title{margin:0 0 var(--space-sm);font-size:1.25rem;font-weight:600;letter-spacing:-.01em}.project-card-desc{margin:0 0 var(--space-md);font-size:.9375rem;color:var(--text-muted);line-height:1.5;flex-grow:1}.project-card-cta{font-size:.875rem;font-weight:600;color:var(--accent);transition:color .2s ease}.project-card:hover .project-card-cta,.project-card:focus .project-card-cta{color:var(--text)}.landing-footer{margin-top:auto;padding-top:var(--space-2xl);font-size:.8125rem;color:var(--text-muted)}