:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e2e8f0;background:#020617;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:#020617;color:#e2e8f0}a{color:#67e8f9;text-decoration:none}a:hover{text-decoration:underline}p,li{color:#cbd5e1}.site-shell{min-height:100vh;background:#020617}.container{width:min(1120px,calc(100% - 48px));margin:0 auto}.hero-section{position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08)}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top left,rgba(14,165,233,.18),transparent 38%),radial-gradient(circle at top right,rgba(45,212,191,.14),transparent 30%),linear-gradient(180deg,rgba(8,47,73,.15),transparent 50%)}.hero-grid{position:relative;display:grid;grid-template-columns:1.3fr .7fr;gap:48px;align-items:center;padding:80px 0}.eyebrow-heading{margin:0 0 8px;font-size:1.25rem;font-weight:600;color:#fff}.hero-badge{display:inline-flex;margin:0 0 16px;padding:6px 16px;border-radius:999px;border:1px solid rgba(34,211,238,.3);background:#22d3ee1a;color:#67e8f9;font-size:.92rem}.hero-title{max-width:760px;margin:0;font-size:clamp(2.5rem,5vw,4.25rem);line-height:1.05;font-weight:800;letter-spacing:-.03em;color:#fff}.hero-copy{max-width:680px;margin-top:24px;font-size:1.1rem;line-height:1.8}.hero-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:18px;font-weight:600;transition:transform .15s ease,background .15s ease,border-color .15s ease}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn-primary{background:#22d3ee;color:#082f49}.btn-secondary{border:1px solid rgba(255,255,255,.15);color:#fff}.btn-secondary:hover{background:#ffffff0a}.info-panel,.panel,.card,.project-card,.contact-card{border:1px solid rgba(255,255,255,.08);background:#0f172ad9;box-shadow:0 24px 50px #00000038;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.info-panel,.panel{border-radius:28px;padding:24px}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.info-card{border-radius:20px;border:1px solid rgba(255,255,255,.08);background:#020617b3;padding:16px}.info-label{margin:0;color:#94a3b8;font-size:.92rem}.info-value{margin:10px 0 0;color:#fff;font-size:1.05rem;font-weight:600}.section-spaced{padding:80px 0}.section-bottom{padding-bottom:80px}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px}.section-label{margin:0 0 12px;color:#67e8f9;font-size:.82rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase}.section-title{margin:0;color:#fff;font-size:clamp(1.9rem,3vw,2.5rem);line-height:1.2}.section-copy{display:grid;gap:16px}.section-copy p{margin:0;line-height:1.8}.skill-wrap{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.skill-pill{padding:10px 16px;border-radius:999px;border:1px solid rgba(34,211,238,.2);background:#22d3ee1a;color:#cffafe;font-size:.92rem}.three-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.top-gap{margin-top:32px}.top-gap-sm{margin-top:24px}.card{border-radius:28px;padding:24px}.card-title,.project-title,.mini-heading{margin:0;color:#fff;font-weight:700}.card-title{font-size:1.25rem}.card-copy{margin-top:16px;line-height:1.8}.section-header-row{display:flex;justify-content:space-between;align-items:end;gap:24px}.section-header-copy{max-width:620px;margin:0;line-height:1.8}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.project-card{border-radius:28px;padding:24px;transition:border-color .15s ease,transform .15s ease}.project-card:hover{transform:translateY(-2px);border-color:#22d3ee59}.project-summary{margin-top:16px;line-height:1.8}.stack-box{margin-top:20px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;padding:14px 16px;color:#a5f3fc;font-size:.92rem}.project-actions{margin-top:20px}.details-button{cursor:pointer;border:1px solid rgba(34,211,238,.3);background:#22d3ee1a;color:#bae6fd;padding:10px 16px;border-radius:18px;font-size:.92rem;font-weight:600}.details-button:hover{background:#22d3ee29}.project-details{margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);display:grid;gap:18px}.detail-heading{margin:0 0 8px;color:#fff;font-weight:600}.detail-list{margin:0;padding-left:20px;display:grid;gap:6px}.gradient-panel{background:linear-gradient(135deg,#22d3ee1f,#2dd4bf14),#0f172ad9}.contact-section{border-top:1px solid rgba(255,255,255,.08);background:#0f172ab3}.contact-grid{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;padding:64px 0}.contact-card{border-radius:28px;padding:24px;min-width:320px}.contact-card p{margin:0 0 12px}.contact-card p:last-child{margin-bottom:0}@media (max-width: 1080px){.hero-grid,.about-grid,.project-grid,.three-grid,.contact-grid{grid-template-columns:1fr}.section-header-row{flex-direction:column;align-items:start}}@media (max-width: 720px){.container{width:min(100% - 32px,1120px)}.hero-grid{padding:64px 0}.info-grid{grid-template-columns:1fr}.contact-card{min-width:0}}