@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");:root{--bg:#faf8f6;--card:#fff;--text:#1f2937;--muted:#6b7280;--accent:#b45309;--border:#e5e7eb}.dark{--bg:#0f172a;--card:#020617;--text:#e5e7eb;--muted:#9ca3af;--border:#1e293b;--accent:#f59e0b}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,sans-serif;background:var(--bg);color:var(--text)}.container{max-width:1100px;margin:0 auto;padding:0 1.5rem}.section{padding:5rem 0 4rem;opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.section.visible{opacity:1;transform:translateY(0)}.section-title{position:-webkit-sticky;position:sticky;top:72px;background:var(--bg);padding:.5rem 0;font-size:1.8rem;font-weight:600;z-index:5;margin-bottom:1.5rem}.navbar{position:fixed;top:0;width:100%;height:72px;background:rgba(248,250,252,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);z-index:100;overflow:visible}.dark .navbar{background:rgba(2,6,23,.9)}.nav-container{max-width:1200px;height:100%;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:1.25rem;font-weight:600}.nav-right{display:flex;align-items:center;gap:1.25rem;flex-wrap:nowrap}.nav-link{font-size:.95rem;font-weight:500;color:var(--muted);text-decoration:none;padding:6px 0}.nav-link.active{color:var(--accent)}.nav-button,.theme-toggle{height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--border);background:var(--card);color:var(--text);font-size:.9rem;display:flex;align-items:center;cursor:pointer}.theme-toggle{width:44px;justify-content:center;font-size:1rem}.dropdown{position:relative}.dropdown-content{display:none;position:absolute;top:calc(100% + 8px);right:0;min-width:160px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:6px 0;box-shadow:0 20px 40px rgba(0,0,0,.12);z-index:9999}.dropdown-content a{display:block;padding:10px 14px;text-decoration:none;color:var(--text);font-size:.9rem}.dropdown-content a:hover{background:rgba(109,40,217,.08)}.dropdown:hover .dropdown-content{display:block}.masonry{column-count:3;column-gap:1.5rem}@media (max-width:1024px){.masonry{column-count:2}}@media (max-width:640px){.masonry{column-count:1}}.card{page-break-inside:avoid;break-inside:avoid;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:1.6rem;margin-bottom:1.5rem;transition:transform .25s ease,box-shadow .25s ease}.card:hover{transform:translateY(-6px);box-shadow:0 18px 45px rgba(0,0,0,.08)}input,textarea{width:100%;padding:.75rem;margin-top:.6rem;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--text);font-family:inherit}button{margin-top:1rem;padding:.7rem 1.4rem;border:none;border-radius:10px;background:var(--accent);color:#fff;cursor:pointer}.toast{position:fixed;bottom:30px;right:30px;background:#0f172a;color:#fff;padding:1rem 1.4rem;border-radius:12px}@media (max-width:768px){.nav-right{gap:12px}.nav-link{display:none}}.experience-content{max-width:760px}.experience-header{margin-bottom:1.2rem}.experience-header h3{margin:0;font-size:1.2rem;font-weight:600}.experience-role{display:block;font-size:.95rem;color:var(--muted);margin-top:.2rem}.experience-duration{display:block;font-size:.85rem;color:var(--muted);margin-top:.1rem}.experience-list{padding-left:1.2rem}.experience-list li{margin-bottom:.9rem;line-height:1.7}.projects-content{max-width:900px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:1.5rem;gap:1.5rem}.project-card{border-radius:16px;padding:1.5rem}.project-card h3{margin-top:0;font-size:1.1rem}.project-tech{font-size:.85rem;color:var(--muted);margin-bottom:.6rem}.home-section{display:flex;align-items:center;min-height:100vh}.home-container{display:grid;grid-template-columns:1.2fr .8fr;grid-gap:3rem;gap:3rem;align-items:center}.home-eyebrow{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:.6rem;display:inline-block}.home-title{font-size:clamp(2.2rem,5vw,3rem);line-height:1.2;margin:.4rem 0 1rem}.home-title .accent{color:var(--accent)}.home-subtitle{max-width:520px;font-size:1.05rem;line-height:1.7;color:var(--text);margin-bottom:2rem}.home-cta{display:flex;gap:1rem;flex-wrap:wrap}.btn-primary{background:var(--accent);color:#fff;border-radius:12px;font-weight:500}.btn-primary,.btn-secondary{padding:.75rem 1.6rem;text-decoration:none}.btn-secondary{border:1px solid var(--border);border-radius:12px;color:var(--text)}.home-highlights{display:grid;grid-template-columns:repeat(2,minmax(140px,1fr));grid-gap:1.2rem;gap:1.2rem}.highlight-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:1.2rem;text-align:left}.highlight-card strong{font-size:1.4rem;display:block}.highlight-card span{font-size:.85rem;color:var(--muted)}@media (max-width:900px){.home-container{grid-template-columns:1fr}.home-highlights{grid-template-columns:repeat(3,1fr)}}.hero{opacity:0;transform:translateY(10px)}.hero-visible{opacity:1;transform:translateY(0);transition:opacity .6s ease,transform .6s ease}@media (prefers-reduced-motion:reduce){.hero,.hero-visible{opacity:1;transform:none;transition:none}}.accent{color:var(--accent)}.about-wrapper{max-width:1200px;display:grid;grid-template-columns:2fr 1fr;grid-gap:3rem;gap:3rem}.about-text p{margin-bottom:1.25rem;line-height:1.75;font-size:1rem}.about-lead{font-size:1.1rem;font-weight:500;margin-bottom:1.6rem}.about-focus{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:1.4rem}.about-focus h4{margin-top:0;margin-bottom:.8rem;font-size:.95rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.about-focus ul{list-style:none;padding:0;margin:0}.about-focus li{padding:.45rem 0;font-size:.95rem}@media (max-width:900px){.about-wrapper{grid-template-columns:1fr}.about-focus{margin-top:1.5rem}}.fade-item{opacity:0;transform:translateY(10px)}.fade-item.fade-in{opacity:1;transform:translateY(0);transition:opacity .6s ease var(--delay),transform .6s ease var(--delay)}@media (prefers-reduced-motion:reduce){.fade-item,.fade-item.fade-in{opacity:1;transform:none;transition:none}}.experience-list li.fade-item{list-style:disc;margin-left:1.2rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:1.8rem;gap:1.8rem}.project-card{background:var(--card);border:1px solid var(--border);border-radius:18px;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.project-card:hover{transform:translateY(-6px);box-shadow:0 18px 45px rgba(0,0,0,.08)}.project-image{width:100%;height:160px;object-fit:cover;display:block;filter:saturate(.85) contrast(.95)}.project-card h3{margin:1rem 1rem .3rem;font-size:1.05rem}.project-meta{margin:0 1rem 1.2rem;font-size:.85rem;color:var(--muted)}.project-card:hover .project-image{filter:saturate(1) contrast(1)}.section-content{max-width:900px}.section:not(:last-child){border-bottom:1px solid rgba(0,0,0,.04)}.dark .section:not(:last-child){border-bottom:1px solid hsla(0,0%,100%,.05)}.project-image-wrapper{position:relative;overflow:hidden}.project-overlay{position:absolute;inset:0;background:rgba(15,23,42,.6);display:flex;align-items:center;justify-content:center;gap:.6rem;color:#fff;font-size:.9rem;font-weight:500;text-decoration:none;opacity:0;transition:opacity .25s ease}.project-image-wrapper:hover .project-overlay,.project-overlay:focus-visible{opacity:1}.github-icon{font-size:1.1rem}@media (hover:none){.project-overlay{opacity:1;background:rgba(15,23,42,.4)}}