*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:#0f0f10;color:#f4f4f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,a{font:inherit}.page-shell{min-height:100vh;overflow:hidden;position:relative;background:#0f0f10;color:#f4f4f5}.container{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:32px 0 48px;position:relative;z-index:1}.glow{position:fixed;width:520px;height:520px;border-radius:999px;filter:blur(90px);opacity:.18;pointer-events:none}.glow-left{left:-180px;top:-220px;background:#34d399}.glow-right{right:-180px;bottom:-220px;background:#8b5cf6}.nav-card,.card,.stack-card,.contact-card{border:1px solid rgb(255 255 255 / 10%);background:#18181bc2;box-shadow:0 24px 80px #00000038;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.nav-card{min-height:68px;border-radius:24px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{width:38px;height:38px;border-radius:999px;display:grid;place-items:center;color:#06130d;background:#6ee7b7;font-weight:800}.brand-title,.brand-subtitle{display:block}.brand-title{color:#fafafa;font-size:14px;font-weight:700}.brand-subtitle,.nav-links a{color:#d4d4d8;font-size:12px}.nav-links{display:flex;align-items:center;gap:22px}.nav-links a{text-decoration:none;transition:color .16s ease}.nav-links a:hover{color:#fff}.hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:24px;align-items:end;padding:72px 0 32px}.eyebrow{width:max-content;max-width:100%;margin:0 0 20px;border:1px solid rgb(110 231 183 / 22%);border-radius:999px;background:#10b9811a;color:#6ee7b7;padding:6px 12px;font-size:14px;font-weight:700}h1,.section-head h2,.contact-card h2{margin:0;color:#fafafa;letter-spacing:-.055em}h1{max-width:850px;font-size:clamp(48px,7vw,82px);line-height:.96;font-weight:800}.hero-text{max-width:710px;margin:26px 0 0;color:#e4e4e7;font-size:18px;line-height:1.85}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.button{min-height:42px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;font-size:14px;font-weight:800;text-decoration:none;transition:transform .16s ease,background .16s ease,color .16s ease}.button:hover{transform:translateY(-1px)}.button-primary{color:#08110d;background:#f4f4f5}.button-primary:hover{background:#fff}.button-ghost{color:#f4f4f5;background:#27272ad1;border:1px solid rgb(255 255 255 / 12%)}.button-ghost:hover{background:#3f3f46eb}.stack-card,.card,.contact-card{border-radius:32px}.stack-card{padding:22px}.stack-head{display:flex;justify-content:space-between;gap:16px;color:#e4e4e7;font-size:14px;margin-bottom:16px}.status{color:#6ee7b7;border-radius:999px;padding:3px 8px;background:#10b9811a}.tags{display:flex;flex-wrap:wrap;gap:8px}.badge{border-radius:999px;padding:7px 11px;background:#27272adb;border:1px solid rgb(255 255 255 / 12%);color:#e4e4e7;font-size:12px;line-height:1}.skills-grid,.projects-grid{display:grid;gap:16px}.skills-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card{padding:26px;transition:transform .16s ease,background .16s ease}.card:hover{transform:translateY(-3px);background:#27272ad1}.skill-code{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;margin-bottom:20px;background:#27272aeb;border:1px solid rgb(255 255 255 / 12%);color:#6ee7b7;font-size:12px;font-weight:800}.skill-card h2,.project-card h3{margin:0;color:#fafafa;font-size:20px;line-height:1.35;font-weight:800;letter-spacing:-.035em}.skill-card p,.project-card p,.section-head>p,.contact-card p{color:#e4e4e7;line-height:1.75}.skill-card p,.project-card p{margin:18px 0 0;font-size:15px}.projects-section{padding-top:56px}.section-head{margin-bottom:22px;display:flex;align-items:end;justify-content:space-between;gap:24px}.section-head h2{font-size:clamp(32px,4vw,48px);font-weight:800}.section-head>p{max-width:390px;margin:0;text-align:right;font-size:15px}.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.project-card{min-height:310px;display:flex;flex-direction:column}.project-title-row{display:flex;align-items:start;justify-content:space-between;gap:18px}.open-link{width:46px;height:46px;flex:0 0 auto;border-radius:999px;display:grid;place-items:center;text-decoration:none;color:#fafafa;background:#27272adb;border:1px solid rgb(255 255 255 / 10%)}.project-tags{margin-top:auto;padding-top:28px}.contact-card{margin-top:56px;padding:30px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px;background:#18181bd1}.contact-card h2{font-size:clamp(30px,4vw,44px);font-weight:800}.contact-card p{margin:12px 0 0}.contact-actions{margin-top:0}@media (max-width: 900px){.hero,.skills-grid,.projects-grid,.contact-card{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column}.section-head>p{text-align:left}}@media (max-width: 640px){.container{width:min(100% - 24px,1120px);padding-top:16px}.nav-links{display:none}.hero{padding-top:48px}h1{font-size:44px}.hero-text{font-size:16px}.card,.contact-card,.stack-card{padding:20px}}
