@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg-color: #090b10;--surface: #11141b;--surface-raised: #171b24;--text-primary: #f4f7fb;--text-secondary: #a9b4c3;--muted: #6f7a89;--accent: #43d6b5;--accent-2: #7c8cff;--warm: #f7b267;--border: rgba(255, 255, 255, .11);--container-width: 1120px;--radius: 8px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body{overflow-x:hidden}body{min-width:320px;background:linear-gradient(135deg,rgba(67,214,181,.12),transparent 28%),linear-gradient(315deg,rgba(247,178,103,.08),transparent 32%),var(--bg-color);color:var(--text-primary);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.container{max-width:var(--container-width);margin:0 auto;padding:0 24px;width:100%}.shell{min-height:640px}.hero{padding:28px 0 72px}.nav-bar{align-items:center;display:flex;justify-content:space-between;margin-bottom:72px}.brand-mark{align-items:center;background:var(--text-primary);border-radius:var(--radius);color:#080a0f;display:inline-flex;font-size:.85rem;font-weight:800;height:42px;justify-content:center;letter-spacing:0;width:42px}.nav-links{align-items:center;background:#ffffff0f;border:1px solid var(--border);border-radius:var(--radius);display:flex;gap:4px;padding:4px}.nav-links a{border-radius:6px;color:var(--text-secondary);font-size:.9rem;font-weight:600;padding:9px 14px}.nav-links a:hover{background:#ffffff14;color:var(--text-primary)}.hero-grid{align-items:center;display:grid;gap:40px;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)}.eyebrow,.section-kicker{color:var(--accent);font-size:.78rem;font-weight:800;letter-spacing:.12em;margin-bottom:14px;text-transform:uppercase}.hero-copy h1{font-size:clamp(3rem,6vw,5.7rem);letter-spacing:0;line-height:1;margin-bottom:24px;max-width:860px}.hero-description{color:var(--text-secondary);font-size:1.08rem;max-width:720px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.primary-action,.secondary-action,.email-pill{align-items:center;border-radius:var(--radius);display:inline-flex;font-weight:700;min-height:44px;padding:0 18px}.primary-action{background:var(--accent);color:#06100d}.secondary-action,.email-pill{background:#ffffff0f;border:1px solid var(--border);color:var(--text-primary)}.hero-panel,.bento-card,.project-card{background:linear-gradient(180deg,#ffffff0f,#ffffff08);border:1px solid var(--border);border-radius:var(--radius)}.hero-panel{display:flex;flex-direction:column;gap:28px;justify-content:flex-start;min-height:0;padding:24px}.status-line{align-items:center;color:var(--text-secondary);display:flex;font-size:.92rem;font-weight:700;gap:10px}.status-dot{background:#36e08b;border-radius:50%;box-shadow:0 0 0 6px #36e08b21;display:inline-block;height:9px;width:9px}.metric-grid{display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin:0}.metric-grid div{background:#ffffff0d;border:1px solid var(--border);border-radius:var(--radius);padding:14px}.metric-grid strong,.metric-grid span{display:block}.metric-grid strong{font-size:1.35rem;line-height:1}.metric-grid span{color:var(--muted);font-size:.72rem;font-weight:700;margin-top:8px;text-transform:uppercase}.hero-panel p,.card-text,.section-subtitle,.project-desc,.exp-desc{color:var(--text-secondary)}.about-section,.projects-section{padding:42px 0 84px}.bento-grid{display:grid;gap:16px;grid-auto-rows:minmax(132px,auto);grid-template-columns:repeat(12,minmax(0,1fr))}.bento-card{padding:20px}.profile-card{grid-column:1 / 8;grid-row:1 / 3}.profile-header{align-items:center;display:flex;gap:16px;margin-bottom:24px}.profile-img{border-radius:var(--radius);height:72px;object-fit:cover;width:72px}.profile-label{color:var(--text-primary);display:block;font-size:.88rem;font-weight:800;margin-bottom:2px}.profile-header p{color:var(--muted);font-size:.86rem}.card-title{font-size:clamp(1.75rem,2.7vw,2.45rem);letter-spacing:0;line-height:1.05;margin-bottom:16px}.card-text{margin-bottom:22px}.location-card,.social-card{min-height:150px}.location-card{align-items:center;display:flex;grid-column:8 / 10;grid-row:1;justify-content:center;text-align:center}.map-placeholder{color:var(--warm);margin-bottom:10px}.location-info h3{font-size:1.25rem}.location-info p{color:var(--text-secondary);font-size:.9rem}.social-grid{display:grid;gap:10px;grid-template-columns:repeat(2,1fr);height:100%}.social-card{grid-column:10 / 13;grid-row:1}.social-item{align-items:center;background:#ffffff0a;border:1px solid transparent;border-radius:var(--radius);color:var(--text-secondary);display:flex;flex-direction:column;font-size:.78rem;font-weight:800;gap:8px;justify-content:center;min-height:66px}.social-item:hover{border-color:var(--border);color:var(--text-primary)}.social-item svg{height:20px;width:20px}.skills-card{grid-column:8 / 13;grid-row:2}.card-subtitle,.card-subtitle-icon{color:var(--text-primary);font-size:.82rem;font-weight:800;letter-spacing:.08em;margin-bottom:18px;text-transform:uppercase}.card-subtitle-icon{align-items:center;color:var(--warm);display:flex;gap:8px}.skills-list-vertical{display:grid;gap:8px}.skill-item{align-items:center;border-bottom:1px solid rgba(255,255,255,.07);color:var(--text-secondary);display:flex;font-size:.95rem;justify-content:space-between;padding-bottom:8px}.skill-dot{background:var(--accent);border-radius:999px;height:6px;width:6px}.quote-card{align-items:center;display:flex;grid-column:1 / 5;grid-row:3;justify-content:center;min-height:180px;text-align:center}blockquote{color:var(--text-secondary);font-size:1rem;font-style:italic}blockquote footer{color:var(--muted);font-size:.82rem;font-style:normal;margin-top:12px}.experience-card{grid-column:5 / 13;grid-row:3}.experience-item{display:grid;gap:14px;grid-template-columns:auto 1fr auto}.exp-dot{background:var(--accent-2);border-radius:50%;height:10px;margin-top:7px;width:10px}.exp-content h4{font-size:1.08rem;margin-bottom:2px}.exp-company{color:var(--accent);font-weight:700;margin-bottom:8px}.exp-badge{background:#43d6b51f;border:1px solid rgba(67,214,181,.24);border-radius:6px;color:var(--accent);display:inline-flex;font-size:.75rem;font-weight:800;padding:3px 8px}.exp-date{color:var(--muted);font-size:.84rem;font-weight:800}.section-header{margin-bottom:28px;max-width:720px}.section-title{font-size:clamp(2rem,4vw,3.6rem);letter-spacing:0;line-height:1;margin-bottom:14px}.projects-grid{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.project-card{display:flex;flex-direction:column;height:100%;overflow:hidden;transition:border-color .2s ease,transform .2s ease}.project-card:hover{border-color:#43d6b57a;transform:translateY(-4px)}.project-image-wrap{aspect-ratio:16 / 9;background:#0b0d13;overflow:hidden}.project-image{height:100%;object-fit:cover;object-position:top center;transition:transform .35s ease;width:100%}.project-card:hover .project-image{transform:scale(1.035)}.project-top,.project-title,.project-desc,.project-tags{margin-left:18px;margin-right:18px}.project-top{align-items:center;display:flex;justify-content:space-between;margin-top:18px}.project-dot{border-radius:50%;height:10px;width:10px}.arrow-icon{color:var(--text-secondary);font-size:.78rem;font-weight:800;text-transform:uppercase}.project-title{font-size:1.3rem;margin-top:12px}.project-desc{flex:1;font-size:.94rem;margin-top:8px}.project-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px;margin-top:20px}.project-tag{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:var(--text-secondary);font-size:.72rem;font-weight:800;padding:5px 8px}.footer{border-top:1px solid var(--border);padding:28px 0}.footer-inner{align-items:center;color:var(--text-secondary);display:flex;font-size:.92rem;justify-content:space-between;gap:16px}.footer-inner a{color:var(--text-primary);font-weight:800}@media (max-width: 900px){.shell{min-height:auto}.hero-grid,.bento-grid,.projects-grid{grid-template-columns:1fr}.profile-card,.location-card,.social-card,.skills-card,.quote-card,.experience-card{grid-column:auto;grid-row:auto}.hero-panel{min-height:auto}}@media (max-width: 640px){.container{padding:0 18px}.hero{padding-bottom:58px}.nav-bar{align-items:flex-start;gap:16px;margin-bottom:56px}.nav-links{flex-wrap:wrap;justify-content:flex-end}.nav-links a{padding:8px 10px}.hero-copy h1{font-size:3rem}.metric-grid,.social-grid{grid-template-columns:1fr}.profile-header,.footer-inner,.experience-item{align-items:flex-start;flex-direction:column;display:flex}}