body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg:#08111f;--surface:#101c2e;--surface-soft:#17263a;--text:#edf5ff;--muted:#a8b6c8;--accent:#38bdf8;--accent-dark:#0ea5e9;--accent-soft:#38bdf829;--border:#94a3b838;--shadow:0 22px 60px #00000057;--radius:8px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{background:radial-gradient(circle at top left,#38bdf829,#0000 34rem),radial-gradient(circle at bottom right,#14b8a61a,#0000 32rem),linear-gradient(180deg,#0b1424,#08111f 44%,#060b14);background:radial-gradient(circle at top left,#38bdf829,#0000 34rem),radial-gradient(circle at bottom right,#14b8a61a,#0000 32rem),linear-gradient(180deg,#0b1424 0,var(--bg) 44%,#060b14 100%);color:#edf5ff;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;margin:0}a{color:inherit}a,button{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid #0f766e59;outline-offset:4px}.navbar{align-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#08111fdb;border-bottom:1px solid #94a3b82e;display:flex;gap:20px;justify-content:space-between;padding:16px clamp(18px,5vw,72px);position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1000}.nav-brand{background:linear-gradient(135deg,#38bdf8,#14b8a6);background:linear-gradient(135deg,var(--accent),#14b8a6);border-radius:8px;border-radius:var(--radius);color:#03101d;display:inline-flex;flex:0 0 auto;font-weight:800;height:42px;text-decoration:none;width:42px}.nav-brand,.nav-center{align-items:center;justify-content:center}.nav-center{display:flex;flex-wrap:wrap;gap:clamp(10px,2vw,24px)}.nav-center a{color:#a8b6c8;color:var(--muted);font-size:.9rem;font-weight:700;text-decoration:none;transition:color .2s ease}.nav-center a:hover{color:#38bdf8;color:var(--accent)}.contact-btn,.primary-btn,.secondary-btn{align-items:center;border-radius:8px;border-radius:var(--radius);display:inline-flex;font-weight:800;justify-content:center;min-height:44px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}.contact-btn,.primary-btn{background:#38bdf8;background:var(--accent);box-shadow:0 12px 26px #38bdf833;color:#03101d;padding:0 18px}.secondary-btn{background:#101c2ec2;border:1px solid #94a3b838;border:1px solid var(--border);color:#edf5ff;color:var(--text);padding:0 18px}.contact-btn:hover,.primary-btn:hover,.secondary-btn:hover{transform:translateY(-2px)}.contact-btn:hover,.primary-btn:hover{background:#0ea5e9;background:var(--accent-dark)}.hero,.section{margin:0 auto;width:min(1120px,calc(100% - 36px))}.section{padding:76px 0}.hero{grid-gap:clamp(36px,7vw,92px);align-items:center;display:grid;gap:clamp(36px,7vw,92px);grid-template-columns:minmax(0,1.12fr) minmax(280px,.88fr);min-height:calc(100vh - 74px);padding:72px 0 54px}.hero-text{max-width:720px}.eyebrow,.project-status,.section-kicker{color:#38bdf8;color:var(--accent);font-size:.78rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.hero-text h1{font-size:clamp(3rem,7vw,5.8rem);letter-spacing:0;line-height:.95;margin:10px 0 20px;max-width:11ch}.hero-text h3{color:#a8b6c8;color:var(--muted);font-size:clamp(1.08rem,2vw,1.35rem);font-weight:500;margin:0;max-width:680px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.hero-image{position:relative}.hero-image:before{background:linear-gradient(135deg,#38bdf829,#14b8a61f);background:linear-gradient(135deg,var(--accent-soft),#14b8a61f);content:"";inset:18px -18px -18px 18px;position:absolute;z-index:-1}.hero-image img,.hero-image:before{border-radius:8px;border-radius:var(--radius)}.hero-image img{aspect-ratio:4/5;border:1px solid #94a3b838;border:1px solid var(--border);box-shadow:0 22px 60px #00000057;box-shadow:var(--shadow);display:block;max-height:520px;object-fit:cover;width:100%}.section-heading{margin-bottom:28px;max-width:720px}.section h2{font-size:clamp(2rem,4vw,3rem);letter-spacing:0;line-height:1.1;margin:6px 0 0}.about-grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(2,minmax(0,1fr))}.about-grid p,.achievement-list li,.contact-box,.contact-form,.project-card,.skill-tile,.timeline-card{background:#101c2ec7;border:1px solid #94a3b838;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);box-shadow:0 16px 38px #00000038}.about-grid p{color:#a8b6c8;color:var(--muted);margin:0;padding:24px}.project-grid,.skills-grid,.timeline-grid{grid-gap:18px;display:grid;gap:18px}.skills-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.skill-tile{padding:22px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.project-card:hover,.skill-tile:hover,.timeline-card:hover{border-color:#0f766e73;box-shadow:0 18px 42px #0f23341a;transform:translateY(-4px)}.project-card h3,.skill-tile h3,.subsection-title,.timeline-card h4{line-height:1.25;margin:0}.skill-tile h3{font-size:1.05rem;margin-bottom:16px}.skill-tags,.tech-list{display:flex;flex-wrap:wrap;gap:8px}.skill-tags span,.tech-list span{background:#17263a;background:var(--surface-soft);border-radius:999px;color:#d7e7f7;font-size:.82rem;font-weight:750;padding:7px 10px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card{display:grid;grid-template-columns:120px minmax(0,1fr);min-height:100%;overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.project-card--featured{grid-column:1/-1;grid-template-columns:minmax(180px,.44fr) minmax(0,1fr)}.project-media{align-items:center;background:linear-gradient(135deg,#0ea5e9e6,#0f172aeb),repeating-linear-gradient(45deg,#ffffff1f 0 1px,#0000 1px 12px);color:#ffffffe6;display:flex;font-size:3rem;font-weight:900;justify-content:center;min-height:100%}.project-content{padding:24px}.project-card h3{font-size:1.25rem;margin-top:8px}.project-card p{margin:12px 0 18px}.project-card p,.project-links{color:#a8b6c8;color:var(--muted)}.project-links{display:flex;flex-wrap:wrap;font-size:.88rem;font-weight:700;gap:10px;margin-top:18px}.timeline-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.subsection-title{color:#0ea5e9;color:var(--accent-dark);font-size:1rem;margin-bottom:14px}.timeline-card{padding:22px}.timeline-card span{color:#38bdf8;color:var(--accent);display:block;font-weight:800;margin-top:6px}.timeline-card p{color:#a8b6c8;color:var(--muted);margin:12px 0 0}.achievement-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0}.achievement-list li{color:#a8b6c8;color:var(--muted);padding:20px}.contact-box{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px;padding:24px}.contact-box p{display:flex;flex-direction:column;gap:5px;margin:0}.contact-box strong,.contact-form span{color:#a8b6c8;color:var(--muted);font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.contact-value{color:#edf5ff;color:var(--text);font-weight:800;overflow-wrap:anywhere;text-decoration:none}a.contact-value:hover{color:#38bdf8;color:var(--accent)}.muted-value{color:#a8b6c8;color:var(--muted)}.contact-page{min-height:calc(100vh - 74px)}.contact-form{grid-gap:18px;display:grid;gap:18px;max-width:680px;padding:24px}.contact-form label{grid-gap:8px;display:grid;gap:8px}.contact-form input,.contact-form textarea{background:#08111fc2;border:1px solid #94a3b838;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);color:#edf5ff;color:var(--text);font:inherit;padding:13px 14px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.contact-form textarea{min-height:150px;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:#38bdf8;border-color:var(--accent);box-shadow:0 0 0 4px #0f766e1f;outline:none}.contact-form button{background:#38bdf8;background:var(--accent);border:0;border-radius:8px;border-radius:var(--radius);color:#03101d;cursor:pointer;font:inherit;font-weight:800;min-height:48px;padding:0 18px;transition:transform .2s ease,background .2s ease}.contact-form button:hover{background:#0ea5e9;background:var(--accent-dark);transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition:none!important}}@media (max-width:920px){.navbar{align-items:flex-start}.nav-center{justify-content:flex-start;order:3;width:100%}.about-grid,.achievement-list,.hero,.project-grid,.timeline-grid{grid-template-columns:1fr}.hero{min-height:auto}.project-card,.project-card--featured{grid-template-columns:1fr}.project-media{min-height:130px}}@media (max-width:680px){html{scroll-padding-top:132px}.hero,.section{width:min(100% - 24px,1120px)}.navbar{gap:10px;padding:12px 14px}.nav-brand{font-size:.92rem;height:38px;width:38px}.nav-center{display:flex;flex-wrap:nowrap;gap:10px;overflow-x:auto;padding:2px 0 4px;scrollbar-width:none}.nav-center::-webkit-scrollbar{display:none}.nav-center a{background:#101c2eb8;border:1px solid #94a3b838;border:1px solid var(--border);border-radius:999px;flex:0 0 auto;font-size:.84rem;padding:7px 11px}.navbar__contact{display:none}.hero{gap:28px;padding:38px 0 36px}.hero-text h1{font-size:clamp(2.45rem,15vw,4rem);max-width:100%}.contact-box,.hero-actions,.skills-grid{grid-template-columns:1fr}.hero-actions{display:grid}.primary-btn,.secondary-btn{width:100%}.hero-image:before{inset:12px -8px -10px 10px}.hero-image img{max-height:420px}.section{padding:54px 0}.section-heading{margin-bottom:20px}.section h2{font-size:clamp(1.8rem,9vw,2.35rem)}.about-grid p,.achievement-list li,.contact-box,.contact-form,.project-content,.skill-tile,.timeline-card{padding:18px}.project-media{font-size:2.2rem;min-height:92px}.project-card h3{font-size:1.08rem}.skill-tags span,.tech-list span{font-size:.78rem;padding:6px 9px}.contact-box{display:grid}}@media (max-width:420px){.eyebrow,.project-status,.section-kicker{font-size:.7rem}.about-grid p,.achievement-list li,.hero-text h3,.project-card p,.timeline-card p{font-size:.95rem}.contact-value{font-size:.94rem}}
/*# sourceMappingURL=main.77cf6f7c.css.map*/