@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--bg-dark:#fff;--bg-light:#faf9f6;--accent:#f5c518;--accent-light:#111;--text-light:#111;--text-muted:#6b6b6b;--border-color:#0000001a}[data-theme=dark]{--bg-dark:#0f0f14;--bg-light:#1a1a20;--text-light:#f5f5f7;--text-muted:#a0a0aa;--border-color:#ffffff1f}body{background-color:var(--bg-dark);color:var(--text-light);scroll-behavior:smooth;font-family:Poppins,sans-serif}section{padding:6rem 8%}h1,h2,h3{font-weight:700}a{color:inherit;text-decoration:none}::selection{background:var(--accent);color:#111}.page-outer{background-position:50%;background-size:cover;background-attachment:fixed;justify-content:center;width:100%;min-height:100vh;padding:2rem;display:flex}@media (width<=640px){.page-outer{padding:.5rem}.page-frame{border-radius:16px}}.page-frame{background:var(--bg-dark);border:1px solid #ffffff4d;border-radius:24px;width:100%;max-width:1200px;overflow:hidden;box-shadow:0 30px 80px #00000059}.navbar{background:color-mix(in srgb, var(--bg-dark) 85%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.2rem 8%;display:flex;position:sticky;top:0}.navbar h2{color:var(--text-light);letter-spacing:-.5px;font-weight:700}.nav-links{align-items:center;gap:2.5rem;list-style:none;display:flex}.navbar ul li a{color:var(--text-muted);font-size:.9rem;font-weight:500;transition:color .2s}.navbar ul li a:hover{color:var(--text-light)}.navbar-cta{color:#fff;background:#111;border-radius:30px;padding:.6rem 1.4rem;font-size:.85rem;font-weight:500;transition:transform .2s}.navbar-cta:hover{transform:translateY(-2px)}.theme-toggle{border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;transition:transform .2s,border-color .2s;display:flex}.theme-toggle:hover{border-color:var(--accent);transform:scale(1.1)}.hamburger{cursor:pointer;color:var(--text-light);background:0 0;border:none;font-size:1.5rem;display:none}.mobile-cta{display:none}@media (width<=768px){.hamburger{display:block}.desktop-only{display:none}.nav-links{background:var(--bg-dark);border-bottom:1px solid var(--border-color);flex-direction:column;align-items:flex-start;gap:1.2rem;width:100%;padding:1.5rem 8%;display:none;position:absolute;top:100%;left:0}.nav-links.open{display:flex}.mobile-cta{width:100%;display:block}.mobile-cta a{color:#fff;background:#111;border-radius:30px;padding:.6rem 1.4rem;font-size:.85rem;font-weight:500;display:inline-block}}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.2rem;min-height:80vh;display:flex}.hero-badge{background:var(--accent);color:#111;letter-spacing:.5px;border-radius:20px;padding:.4rem 1rem;font-size:.8rem;font-weight:600}.hero h1{color:var(--text-muted);font-size:3rem;font-weight:600;line-height:1.25}.hero h1 span{color:var(--text-light);font-weight:800}.hero p{color:var(--text-muted);max-width:480px;font-size:1rem;line-height:1.6}.hero-buttons{gap:1rem;margin-top:1rem;display:flex}.btn{cursor:pointer;border:none;border-radius:30px;padding:.8rem 1.8rem;font-size:.9rem;font-weight:500;transition:transform .2s,box-shadow .2s}.btn-primary{color:#fff;background:#111}.btn-secondary{color:var(--text-light);border:1px solid var(--border-color);background:0 0}.btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000001f}.about{max-width:700px}.section-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;font-size:.8rem;font-weight:600}.about h2{color:var(--text-light);margin:.5rem 0 1.2rem;font-size:2rem}.about p{color:var(--text-muted);margin-bottom:1rem;line-height:1.7}.skills{flex-wrap:wrap;gap:.6rem;margin-top:1.5rem;display:flex}.skill-tag{background:var(--bg-light);color:var(--text-light);border:1px solid var(--border-color);border-radius:20px;padding:.4rem 1rem;font-size:.85rem;font-weight:500}.projects{text-align:center}.projects .section-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;font-size:.8rem;font-weight:600}.projects h2{color:var(--text-light);margin:.5rem 0 3rem;font-size:2rem}.project-grid{text-align:left;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.8rem;display:grid}.project-card{background:var(--bg-light);border:1px solid var(--border-color);border-radius:14px;padding:1.8rem;transition:transform .2s,box-shadow .2s}.project-card:hover{transform:translateY(-6px);box-shadow:0 10px 25px #00000014}.project-card h3{color:var(--text-light);margin-bottom:.6rem;font-size:1.15rem}.project-card p{color:var(--text-muted);margin-bottom:1.2rem;font-size:.9rem;line-height:1.6}.project-card a{color:var(--text-light);align-items:center;gap:.3rem;font-size:.85rem;font-weight:600;transition:gap .2s;display:inline-flex}.project-card a:hover{color:var(--accent);gap:.6rem}.contact{text-align:center}.contact .section-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;font-size:.8rem;font-weight:600}.contact h2{color:var(--text-light);margin:.5rem 0 1rem;font-size:2rem}.contact p{color:var(--text-muted);max-width:450px;margin:0 auto 2rem;line-height:1.6}.contact-links{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.contact-links a{border:1px solid var(--border-color);color:var(--text-light);border-radius:30px;padding:.7rem 1.6rem;font-size:.9rem;font-weight:500;transition:background .2s,transform .2s}.contact-links a:hover{color:#fff;background:#111;transform:translateY(-2px)}.footer-note{text-align:center;color:var(--text-muted);margin-top:4rem;padding-bottom:1rem;font-size:.8rem}