@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Inter:wght@400;500;700&family=JetBrains+Mono:wght@400&display=swap";:root{--bg: #0a0a0f;--surface: #121218;--surface-hover: #1a1a24;--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .15);--accent: #f0a500;--accent-dim: rgba(240, 165, 0, .1);--text: #e8e6de;--muted: #888780;--subtle: #807d77;--space-xs: 8px;--space-sm: 16px;--space-md: 32px;--space-lg: 64px;--space-xl: 96px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--font-display: "DM Serif Display", Georgia, serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace}.hero{position:relative;min-height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:var(--space-lg) var(--space-sm);background-color:var(--bg);background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:32px 32px}.hero__accent{position:absolute;top:var(--space-sm);right:var(--space-sm);width:64px;height:2px;background:var(--accent)}.hero__content{width:100%;max-width:760px}.hero__label,.hero__name,.hero__tagline,.hero__actions{opacity:0;transform:translateY(12px);animation:heroFadeIn .8s ease forwards}.hero__label{margin-bottom:var(--space-sm);color:var(--muted);font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;animation-delay:.1s}.hero__name{margin-bottom:var(--space-sm);color:var(--text);font-family:var(--font-display);font-size:clamp(56px,8vw,64px);font-weight:400;line-height:1.1;animation-delay:.25s}.hero__tagline{margin-bottom:var(--space-md);max-width:440px;color:var(--muted);font-family:var(--font-body);font-size:clamp(18px,2.8vw,20px);line-height:1.5;animation-delay:.4s}.hero__actions{display:flex;align-items:center;gap:var(--space-sm);animation-delay:.55s}.hero__btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border-radius:var(--radius-sm);border:1px solid transparent;font-family:var(--font-body);font-size:15px;font-weight:500;line-height:1;text-decoration:none;transition:transform .15s ease,border-color .2s ease,color .2s ease,background-color .2s ease}.hero__btn--primary{background:var(--accent);color:var(--bg)}.hero__btn--primary:hover{transform:scale(1.02)}.hero__btn--secondary{border-color:var(--border-hover);background:transparent;color:var(--text)}.hero__btn--secondary:hover{border-color:var(--text)}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.hero{padding:var(--space-md) var(--space-sm)}.hero__name{font-size:36px}.hero__tagline{font-size:16px}.hero__actions{width:100%;flex-direction:column;align-items:stretch}.hero__btn{width:100%}}.featured{padding:var(--space-xl) var(--space-sm)}.featured__inner{max-width:900px;margin:0 auto;border-top:1px solid var(--border);padding-top:var(--space-md)}.featured__label{margin-bottom:var(--space-sm);color:var(--accent);font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.featured__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-md)}.featured__title-wrap{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:8px}.featured__title{color:var(--text);font-family:var(--font-display);font-size:40px;font-weight:400;line-height:1.15}.featured__separator{color:var(--muted);font-size:18px}.featured__subtitle{color:var(--muted);font-family:var(--font-body);font-size:14px;line-height:1.5}.featured__live-badge{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(15,168,126,.2);border-radius:999px;background:#0fa87e1a;color:#0fa87e;font-family:var(--font-body);font-size:13px;line-height:1;padding:8px 12px}.featured__live-dot{width:8px;height:8px;border-radius:50%;background:#0fa87e;animation:livePulse 2s infinite}.featured__grid{display:grid;grid-template-columns:3fr 2fr;gap:var(--space-md)}.featured__block{border-left:2px solid var(--border);padding-left:12px}.featured__block:not(:last-child){margin-bottom:24px}.featured__block-label{margin-bottom:8px;color:var(--muted);font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.featured__block-label--accent{color:var(--accent)}.featured__block-text{color:var(--text);font-family:var(--font-body);font-size:14.5px;line-height:1.75}.featured__stack-title{margin-bottom:var(--space-sm);color:var(--muted);font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.featured__stack-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);padding:14px}.featured__stack-row{display:flex;align-items:center;gap:8px;padding:8px 0}.featured__stack-row:not(:last-child){border-bottom:1px solid var(--border)}.featured__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.featured__dot--react{background:#4aa8ff}.featured__dot--spring{background:#4caf50}.featured__dot--postgres{background:#6495ed}.featured__dot--docker{background:#0fa87e}.featured__dot--nginx{background:var(--accent)}.featured__dot--do{background:#4aa8ff}.featured__stack-name{color:var(--text);font-family:var(--font-body);font-size:13px}.featured__stack-arrow{margin-left:auto;color:var(--muted);font-size:12px}.featured__links{margin-top:var(--space-md);display:grid;gap:10px}.featured__link{width:fit-content;font-family:var(--font-mono);font-size:14px;text-decoration:none}.featured__link--primary{color:var(--accent)}.featured__link--secondary{color:var(--muted);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;transition:color .2s ease,text-decoration-color .2s ease}.featured__link--secondary:hover{text-decoration-color:currentColor}@keyframes livePulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@media (max-width: 820px){.featured__grid{grid-template-columns:1fr}}@media (max-width: 640px){.featured{padding:var(--space-lg) var(--space-sm)}.featured__title{font-size:34px}}.featured-demo{margin-bottom:var(--space-md)}.featured-demo__label{margin-bottom:10px;color:var(--accent);font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.featured-demo__form{margin-bottom:10px}.featured-demo__input-label{display:block;margin-bottom:8px;color:var(--muted);font-family:var(--font-mono);font-size:12px}.featured-demo__input-row{display:flex;gap:8px}.featured-demo__input{flex:1;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-family:var(--font-mono);font-size:12px;padding:8px 10px}.featured-demo__input:focus{outline:none;border-color:var(--border-hover)}.featured-demo__send{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-hover);color:var(--text);font-family:var(--font-mono);font-size:12px;padding:8px 12px;cursor:pointer}.featured-demo__send:disabled{opacity:.6;cursor:not-allowed}.featured-demo__terminal{min-height:128px;border:1px solid var(--border);border-radius:var(--radius-md);background:#0d0d14;padding:12px}.featured-demo__log{font-family:var(--font-mono);font-size:12px;line-height:1.6;opacity:0;animation:featured-demo__fade-in .25s ease forwards}.featured-demo__log:before{content:"> "}.featured-demo__log--amber{color:var(--accent)}.featured-demo__log--teal{color:#0fa87e}.featured-demo__log--success{color:#48c774}.featured-demo__log--muted{color:var(--text)}.featured-demo__reset{margin-top:10px;border:none;background:transparent;color:var(--muted);font-family:var(--font-mono);font-size:12px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.featured-demo__reset:hover{color:var(--text)}@keyframes featured-demo__fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.projects{padding:var(--space-xl) var(--space-sm)}.projects__inner{max-width:900px;margin:0 auto}.projects__label{color:var(--accent);font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.projects__head{margin-bottom:var(--space-md);display:flex;align-items:center;justify-content:space-between;gap:12px}.projects__all-link{display:inline-block;padding:10px 14px;border:1px solid var(--accent);border-radius:10px;background:#f0a50014;color:var(--accent);font-family:var(--font-mono);font-size:13px;text-decoration:none;transition:transform .2s ease,background .2s ease}.projects__all-link:hover{transform:translateY(-1px);background:#f0a50024}.projects__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm)}.projects__card{display:flex;flex-direction:column;min-height:100%;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:28px;transition:border-color .2s ease,transform .2s ease}.projects__card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.projects__index{margin-bottom:var(--space-sm);margin-left:auto;color:var(--subtle);font-family:var(--font-mono);font-size:12px;letter-spacing:.08em}.projects__title{margin-bottom:8px;color:var(--text);font-family:var(--font-body);font-size:18px;font-weight:600;line-height:1.3}.projects__problem{margin-bottom:12px;color:var(--accent);font-family:var(--font-body);font-size:13px;line-height:1.6}.projects__description{margin-bottom:var(--space-sm);color:var(--muted);font-family:var(--font-body);font-size:13.5px;line-height:1.7}.projects__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.projects__tag{border:1px solid var(--border);border-radius:999px;background:var(--surface-hover);color:var(--text);font-family:var(--font-mono);font-size:11px;line-height:1;padding:6px 10px}.projects__actions{margin-top:var(--space-md);display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:18px}.projects__link{color:var(--muted);font-family:var(--font-mono);font-size:14px;text-decoration:none;transition:color .2s ease}.projects__link:hover{color:var(--text)}.projects__link--brief{color:var(--accent)}.projects__link--live{color:#0fa87e}@media (max-width: 760px){.projects__grid{grid-template-columns:1fr}}.about{padding:var(--space-xl) var(--space-sm)}.about__inner{max-width:900px;margin:0 auto;border-top:1px solid var(--border);padding-top:var(--space-md)}.about__grid{display:grid;grid-template-columns:55% 45%;gap:var(--space-md)}.about__label{margin-bottom:var(--space-sm);color:var(--accent);font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.about__text{max-width:480px;color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.9}.about__text:not(:last-child){margin-bottom:var(--space-sm)}.about__text:last-of-type{margin-bottom:var(--space-sm)}.about__cv-link{display:inline-block;margin-top:8px;margin-bottom:8px;padding:12px 16px;border-radius:10px;background:var(--accent);color:#0a0a0f;font-family:var(--font-mono);font-size:14px;font-weight:700;text-decoration:none;border:1px solid transparent;box-shadow:0 10px 24px #f0a5003d;transition:transform .2s ease,box-shadow .2s ease}.about__cv-link:hover,.about__cv-link:focus-visible{transform:translateY(-1px);box-shadow:0 14px 28px #f0a5004d}.about__resume-note{margin-top:6px;color:var(--subtle);font-family:var(--font-body);font-size:12px;line-height:1.6}.about__group:not(:last-child){margin-bottom:var(--space-sm)}.about__group-label{margin-bottom:10px;color:var(--muted);font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.about__pills{display:flex;flex-wrap:wrap;gap:8px}.about__pill{border:1px solid var(--border);border-radius:20px;color:var(--text);font-family:var(--font-mono);font-size:12px;line-height:1;padding:4px 10px;transition:border-color .2s ease,color .2s ease}.about__pill:hover{border-color:var(--accent);color:var(--accent)}.about__skills-link{display:inline-block;margin-top:6px;color:var(--accent);font-family:var(--font-mono);font-size:13px;text-decoration:none;border-bottom:1px solid transparent}.about__skills-link:hover{border-bottom-color:var(--text)}@media (max-width: 820px){.about__grid{grid-template-columns:1fr}}.education{padding:var(--space-lg) var(--space-md)}.education__label{display:block;margin-bottom:var(--space-lg);font-size:12px;font-weight:600;font-family:var(--font-mono);letter-spacing:.08em;color:var(--muted);text-transform:uppercase;margin-left:125px}.education__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);max-width:1000px;margin:0 auto}.education__column{display:flex;flex-direction:column}.education__column--left{gap:var(--space-md)}.education__column--right{gap:var(--space-xl)}.education__card{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-lg);padding:var(--space-md) 28px;display:flex;flex-direction:column;gap:8px}.education__year{font-size:11px;font-weight:400;font-family:var(--font-mono);color:var(--muted);letter-spacing:.05em}.education__degree{font-size:16px;font-weight:600;color:var(--text);margin:0}.education__institution{font-size:13px;color:var(--muted)}.education__badge{align-self:flex-start;padding:4px 10px;border-radius:var(--radius-sm);font-size:11px;font-weight:500;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase}.education__badge--amber{background:#f0a5001a;color:var(--accent);border:1px solid rgba(240,165,0,.3)}.education__note{font-size:12px;font-style:italic;color:var(--subtle);margin:4px 0 0}.education__cgpa{font-size:12px;font-weight:600;color:var(--accent);margin-top:4px}.education__board{font-size:11px;color:var(--subtle);font-family:var(--font-mono)}.education__connector{width:1px;height:16px;background:var(--border);margin:-8px auto}.education__block{display:flex;flex-direction:column;gap:12px}.education__section-label{font-size:11px;font-weight:600;font-family:var(--font-mono);letter-spacing:.08em;color:var(--muted);text-transform:uppercase}.education__company{font-size:15px;font-weight:600;color:var(--text);margin:0}.education__role{font-size:13px;color:var(--muted)}.education__duration{font-size:11px;font-weight:400;font-family:var(--font-mono);color:var(--subtle);letter-spacing:.04em}.education__projects{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.education__project-tag{padding:6px 10px;background:var(--surface-hover);border-radius:var(--radius-sm);font-size:11px;font-weight:500;font-family:var(--font-mono);color:var(--text);letter-spacing:.03em}.education__internship-note{font-size:13px;font-style:italic;color:var(--muted);margin:4px 0 0;line-height:1.4}.education__cert-row{display:flex;align-items:flex-start;gap:10px}.education__cert-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:6px}.education__cert-dot--amber{background:var(--accent)}.education__cert-dot--teal{background:#4a9d6f}.education__cert-content{display:flex;flex-direction:column;gap:2px}.education__cert-name{font-size:13px;font-weight:500;color:var(--text)}.education__cert-issuer{font-size:12px;color:var(--muted)}@media (max-width: 820px){.education{padding:var(--space-lg) var(--space-md)}.education__grid{grid-template-columns:1fr;gap:var(--space-lg)}.education__column--left{order:1}.education__column--right{order:2}.education__card{padding:var(--space-sm) var(--space-md)}}@media (max-width: 640px){.education{padding:var(--space-md)}.education__label{margin-bottom:var(--space-md)}.education__degree,.education__company{font-size:14px}.education__projects{gap:6px}.education__project-tag{font-size:10px;padding:4px 8px}}.contact{padding:var(--space-xl) var(--space-sm)}.contact__inner{max-width:900px;margin:0 auto;border-top:1px solid var(--border);padding-top:var(--space-md)}.contact__label{margin-bottom:var(--space-sm);color:var(--accent);font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.contact__headline{margin-bottom:8px;color:var(--text);font-family:var(--font-display);font-size:36px;font-weight:400;line-height:1.2}.contact__subline{margin-bottom:var(--space-md);color:var(--muted);font-family:var(--font-body);font-size:16px;line-height:1.7}.contact__links{display:flex;flex-wrap:wrap;align-items:center;gap:32px}.contact__link{color:var(--muted);font-family:var(--font-mono);font-size:14px;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px;transition:color .2s ease,text-decoration-color .2s ease}.contact__link:hover{color:var(--text);text-decoration-color:currentColor}.contact__copyright{margin-top:var(--space-md);color:var(--subtle);font-family:var(--font-body);font-size:12px;line-height:1.4}@media (max-width: 640px){.contact__headline{font-size:30px}}.app{position:relative}.app__navbar{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 var(--space-sm);background:#0a0a0fd9;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:translateY(-52px);transition:transform .3s ease}.app__navbar--visible{transform:translateY(0)}.app__brand{color:var(--accent);font-family:var(--font-mono);font-size:14px;letter-spacing:.08em;text-decoration:none}.app__nav-links{display:flex;align-items:center;gap:14px}.app__nav-link{color:var(--muted);font-family:var(--font-mono);font-size:13px;text-decoration:none;transition:color .2s ease}.app__nav-link:hover{color:var(--text)}.app__separator{color:var(--subtle);font-family:var(--font-mono);font-size:12px}@media (max-width: 640px){.app__navbar{padding:0 12px}.app__nav-links{gap:10px}.app__nav-link{font-size:12px}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body)}.utility__reveal-section{opacity:0;transform:translateY(20px)}.utility__revealed{opacity:1;transform:translateY(0);transition:.5s ease}
