@import "https://fonts.googleapis.com/css2?family=Lavishly+Yours&family=Lexend:wght@100..900&family=Sour+Gummy:ital,wght@0,100..900;1,100..900&display=swap";:root{--bg:#f5f2ec;--text:#2a2623;--text-muted:#4a4642;--border:#e3dfd7;--accent:#bfa58a;--accent-bg:#e9e2d8;--shadow:#00000014 0 4px 12px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--sans:"Lexend", system-ui, sans-serif;--heading:"Sour Gummy", system-ui, sans-serif;--mono:"Sour Gummy", ui-monospace, monospace;font:18px/150% var(--sans);background:var(--bg);color:var(--text)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}[data-theme=dark]{--bg:#1c1b1a;--text:#f0ede8;--text-muted:#c7c2bb;--border:#2a2928;--accent:#a38c72;--accent-bg:#2a2724;--shadow:#00000080 0 6px 20px}body{font-family:var(--sans);margin:0}h1,h2{font-family:var(--heading);color:var(--text-muted);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}.theme-toggle{background:var(--accent-bg);border:1px solid var(--border);cursor:pointer;font-family:var(--sans);color:var(--text);border-radius:6px;padding:8px 16px;transition:background .2s}.theme-toggle:hover{background:var(--accent);color:var(--bg)}.nav{border-bottom:1px solid var(--border);background:var(--bg);z-index:20;width:100%;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;max-width:1120px;margin:0 auto;padding:12px 20px;display:flex}.nav-icon{object-fit:contain;opacity:.9;width:28px;height:28px;display:block}.nav-brand:hover .nav-icon{opacity:1}.nav-logo{font-family:var(--heading);color:var(--text);font-size:26px;text-decoration:none}.nav-links{gap:24px;display:flex}.nav-link{font-family:var(--sans);color:var(--text-muted);border-bottom:1px solid #0000;padding-bottom:2px;text-decoration:none;transition:color .2s,border-color .2s}.nav-link:hover{color:var(--text);border-color:var(--accent)}.nav-toggle{cursor:pointer;background:0 0;border:none;padding:4px;display:none}.nav-toggle-line{background:var(--text);border-radius:999px;width:20px;height:2px;margin:4px 0;display:block}@media (width<=768px){.nav-links{background:var(--bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:10px;flex-direction:column;gap:12px;padding:12px 16px;display:none;position:absolute;inset:56px 16px auto}.nav-links-open{display:flex}.nav-toggle{display:block}}.home{justify-content:center;padding:60px 20px;display:flex}.home-inner{align-items:center;gap:40px;max-width:1120px;display:flex}.home-image{flex:1;justify-content:center;display:flex}.profile-img{object-fit:cover;width:100%;max-width:380px;box-shadow:var(--shadow);border-radius:16px;transition:transform .3s}.profile-img:hover{transform:scale(1.02)}.home-text{flex:1}.home-text h1{margin-top:0}.home-text p{color:var(--text-muted);max-width:480px;margin-top:12px;line-height:150%}@media (width<=900px){.home-inner{text-align:center;flex-direction:column;gap:24px}.home-text p{margin-left:auto;margin-right:auto}}.learn-more-link{color:var(--accent);margin-top:20px;font-size:1rem;text-decoration:none;transition:color .2s;display:inline-block}.learn-more-link:hover{color:var(--text)}.contact-page{justify-content:center;align-items:center;min-height:100vh;padding:80px 20px;display:flex;position:relative}.contact-bg{z-index:-1;position:absolute;inset:0}.contact-bg img{object-fit:cover;opacity:.45;filter:brightness(.85);width:100%;height:100%}.contact-wrapper{background:var(--bg);border:1px solid var(--border);width:100%;max-width:520px;box-shadow:var(--shadow);border-radius:16px;padding:40px}.contact-wrapper h1{text-align:center;margin-top:0;margin-bottom:24px}.contact-form{flex-direction:column;gap:20px;display:flex}.contact-form label{font-family:var(--sans);color:var(--text-muted);flex-direction:column;font-size:.95rem;display:flex}.contact-form input,.contact-form textarea{border:1px solid var(--border);background:var(--bg);color:var(--text);font-family:var(--sans);border-radius:8px;margin-top:6px;padding:12px;font-size:1rem}.contact-form textarea{resize:vertical;min-height:120px}.contact-submit{border:1px solid var(--border);background:var(--accent-bg);color:var(--text);font-family:var(--sans);cursor:pointer;border-radius:8px;margin-top:10px;padding:12px 16px;transition:background .2s}.contact-submit:hover{background:var(--accent);color:var(--bg)}.contact-success{background:var(--accent-bg);border:1px solid var(--border);color:var(--text);text-align:center;border-radius:8px;margin-bottom:20px;padding:12px 16px}.contact-error{color:#a30000;text-align:center;background:#fdd;border:1px solid #ffb3b3;border-radius:8px;margin-bottom:20px;padding:12px 16px}@media (width<=600px){.contact-wrapper{padding:28px}}.projects-page{max-width:900px;margin:0 auto;padding:60px 20px}.projects-page h1{text-align:center;margin-bottom:40px}.projects-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.project-card{background:var(--bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;gap:16px;padding:20px;transition:transform .2s;display:flex}.project-card:hover{transform:translateY(-4px)}.project-img{object-fit:cover;border-radius:12px;width:100%;height:180px}.project-desc{color:var(--text-muted);line-height:150%}.project-tags{flex-wrap:wrap;gap:8px;display:flex}.tag{background:var(--accent-bg);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:4px 10px;font-size:.85rem}.project-btn{border:1px solid var(--border);background:var(--accent-bg);color:var(--text);cursor:pointer;font-family:var(--sans);border-radius:8px;margin-top:auto;padding:10px 14px;transition:background .2s}.project-btn:hover{background:var(--accent);color:var(--bg)}a.project-btn{text-align:center;text-decoration:none;display:inline-block}@media (width<=900px){.projects-grid{grid-template-columns:1fr}}.project-page{max-width:900px;margin:0 auto;padding:60px 20px}.project-hero{margin-bottom:40px}.project-video,.project-hero img{width:100%;box-shadow:var(--shadow);border-radius:12px}.project-content h1{text-align:center;margin-bottom:20px}.project-description{color:var(--text);margin-bottom:30px;font-size:1.1rem}.project-content h2{margin-top:40px;margin-bottom:12px}.project-content ul{padding-left:20px;line-height:1.6}.project-gallery{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:20px;display:grid}.project-gallery img{width:100%;box-shadow:var(--shadow);border-radius:8px}.pending-note{background:var(--accent-bg);text-align:center;border-radius:8px;margin-top:20px;padding:16px}.gallery-thumb{cursor:pointer;transition:transform .2s}.gallery-thumb:hover{transform:scale(1.03)}.lightbox-overlay{z-index:999;background:#000000a6;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.lightbox-content{max-width:90%;max-height:90%;position:relative}.lightbox-image{width:100%;height:auto;box-shadow:var(--shadow);border-radius:12px}.lightbox-close{background:var(--accent-bg);border:1px solid var(--border);cursor:pointer;border-radius:50%;width:36px;height:36px;font-size:1.4rem;position:absolute;top:-10px;right:-10px}.lightbox-prev,.lightbox-next{background:var(--accent-bg);border:1px solid var(--border);cursor:pointer;border-radius:50%;width:40px;height:40px;font-size:1.8rem;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-prev{left:-50px}.lightbox-next{right:-50px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.about-page{max-width:800px;margin:0 auto;padding:60px 20px}.about-page h1{text-align:center;margin-bottom:24px}.about-tags{justify-content:center;gap:12px;margin-bottom:24px;display:flex}.about-tag{border:1px solid var(--border);background:var(--accent-bg);color:var(--text);cursor:pointer;font-family:var(--sans);border-radius:8px;align-items:center;gap:6px;padding:6px 16px 6px 14px;transition:background .2s,color .2s,border-color .2s;display:flex;position:relative}.about-tag:hover{background:var(--accent);color:var(--bg)}.tag-icon{opacity:.9;width:16px;height:16px}.about-tag.active{background:var(--accent);color:var(--bg);border-color:var(--accent)}.about-text{color:var(--text-muted);white-space:pre-line;font-size:1.05rem;line-height:160%;transition:opacity .25s}.fade-in{opacity:1}.fade-out{opacity:0}.resume-wrapper{text-align:center;margin-top:32px}.resume-link{border:1px solid var(--border);background:var(--accent-bg);color:var(--text);font-family:var(--sans);border-radius:8px;padding:10px 18px;text-decoration:none;transition:background .2s,color .2s;display:inline-block}.resume-link:hover{background:var(--accent);color:var(--bg)}.skills-section{text-align:center;margin-top:40px}.skills-section h2{margin-bottom:20px}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:20px;margin-top:10px;display:grid}.skill-item{background:var(--accent-bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:14px;transition:transform .2s;display:flex}.skill-item:hover{transform:translateY(-3px)}.skill-icon{font-size:1.6rem}.skill-label{color:var(--text);font-size:.95rem}