@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg:#09090b;--surface:#111114;--text:#fafafa;--muted:#a1a1aa;--accent:#f97316;--container:1200px;--card-bg:#ffffff08;--card-border:#ffffff14}[data-theme=light]{--bg:#f8fafc;--surface:#f8fafc;--text:#111827;--muted:#6b7280;--accent:#2563eb;--card-bg:#2563eb0a;--card-border:#2563eb1f}body{background:var(--bg);color:var(--text);transition:background .3s,color .3s}a{color:inherit;text-decoration:none}.container{max-width:var(--container);margin:0 auto;padding:0 2rem}@media (width<=900px){.hero{min-height:auto;padding-top:140px;padding-bottom:80px}.hero-left{z-index:2;order:1;margin-left:0;transform:none}.hero-photo{order:2;justify-content:center}.hero-title{font-size:clamp(2.8rem,11vw,4rem);line-height:1.05}.hero-role{font-size:1.3rem}.hero-description{max-width:500px;margin-inline:auto}.hero-tech,.hero-buttons{justify-content:center}.hero-photo img{width:min(270px,70vw)}.hero-photo:before{width:240px;height:240px}}.hero{justify-content:flex-start;align-items:center;min-height:100vh;padding-top:80px;display:flex}.hero-container{width:100%}.hero-content{grid-template-columns:1.1fr .9fr;align-items:center;gap:5rem;display:grid}.hero-left{z-index:2}.hero-kicker{color:var(--accent);letter-spacing:2px;margin-bottom:1rem;font-weight:700}.hero-title{margin-bottom:1rem;font-size:clamp(2.8rem,5vw,4.8rem);line-height:1.2}.hero-role{color:var(--muted);margin-bottom:1.5rem;font-size:1.5rem}.hero-description{max-width:650px;color:var(--muted);margin-bottom:2rem;font-size:1.1rem;line-height:1.8}.hero-buttons{flex-wrap:wrap;gap:1rem;display:flex}.hero-photo{justify-content:center;align-items:flex-end;display:flex;position:relative}.hero-photo img{object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none;filter:drop-shadow(0 25px 60px #00000073);width:min(420px,100%)}.hero-photo:before{content:"";filter:blur(40px);z-index:-1;background:radial-gradient(circle,#f973162e,#0000 70%);border-radius:50%;width:360px;height:360px;position:absolute}.hero-photo:after{content:"";background:linear-gradient(to bottom, transparent, var(--bg));pointer-events:none;height:180px;position:absolute;bottom:-20px;left:0;right:0}[data-theme=light] .hero-photo:before{background:radial-gradient(circle,#2563eb2e,#0000 70%)}@media (width<=900px){.hero{min-height:auto;padding-top:140px;padding-bottom:80px}.hero-content{text-align:center;grid-template-columns:1fr;gap:2rem}.hero-left{order:1;margin-left:0;transform:none}.hero-photo{order:2;justify-content:center}.hero-title{font-size:clamp(2.6rem,11vw,4rem);line-height:1.05}.hero-role{font-size:1.3rem}.hero-description{max-width:500px;margin-inline:auto}.hero-tech,.hero-buttons{justify-content:center}.hero-photo img{width:min(270px,70vw)}.hero-photo:before{width:240px;height:240px}}.background-glow{pointer-events:none;z-index:-1;filter:blur(30px);background:radial-gradient(circle,#f973162e 0%,#f9731614 40%,#0000 75%);border-radius:50%;width:1000px;height:1000px;position:fixed;top:-400px;right:-300px}[data-theme=light] .background-glow{background:radial-gradient(circle,#2563eb1f 0%,#2563eb0d 40%,#0000 75%)}.navbar{z-index:100;width:min(900px,100% - 40px);position:fixed;top:20px;left:50%;transform:translate(-50%)}.navbar-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#111114b3;border:1px solid #ffffff14;border-radius:999px;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}[data-theme=light] .navbar-content{background:#ffffffbf;border:1px solid #2563eb1a}.navbar-logo{align-items:center;display:flex}.navbar-logo img{width:auto;height:36px;display:block}.navbar-links,.navbar-social{gap:1.5rem;display:flex}.navbar-links a,.navbar-social a{color:var(--muted);transition:all .2s}.navbar-links a:hover,.navbar-social a:hover{color:#fff;transform:translateY(-2px)}[data-theme=light] .navbar-links a:hover,[data-theme=light] .navbar-social a:hover{color:var(--accent)}.hero-tech{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;margin-bottom:2rem;display:flex}.tech-chip{border:1px solid var(--card-border);background:var(--card-bg);color:var(--muted);border-radius:999px;padding:.65rem 1rem;font-size:.9rem;transition:all .25s}.tech-chip:hover{border-color:var(--accent);color:#fff;transform:translateY(-2px)}[data-theme=light] .tech-chip:hover{color:var(--accent)}.skills-section{padding:8rem 0}.section-title{margin-bottom:1rem;font-size:3rem}.section-description{color:var(--muted);max-width:700px;margin-bottom:3rem;line-height:1.8}.skills-grid{flex-wrap:wrap;gap:1rem;display:flex}.skill-card{border:1px solid var(--card-border);background:var(--card-bg);border-radius:16px;align-items:center;gap:.75rem;padding:1rem 1.25rem;transition:all .25s;display:flex}.skill-card:hover{border-color:var(--accent);background:var(--card-bg);transform:translateY(-5px);box-shadow:0 0 20px #f9731626}[data-theme=light] .skill-card:hover{box-shadow:0 0 20px #2563eb26}.projects-section{padding:8rem 0}.projects-label{color:var(--accent);letter-spacing:2px;margin-bottom:1rem;font-weight:700}.projects-title{margin-bottom:3rem;font-size:3rem}.projects-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.project-card{border:1px solid var(--card-border);background:var(--card-bg);border-radius:24px;padding:2rem;transition:all .25s}.project-card:hover{border-color:#f9731666;transform:translateY(-10px);box-shadow:0 10px 30px #f9731626}[data-theme=light] .project-card:hover{border-color:#2563eb40;box-shadow:0 10px 30px #2563eb1f}.project-card h3{margin-bottom:1rem;font-size:1.5rem}.project-card p{color:var(--muted);margin-bottom:1.5rem;line-height:1.8}.project-tech{flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem;display:flex}.project-tech span{background:#ffffff0d;border-radius:999px;padding:.5rem .8rem;font-size:.85rem}.project-link{color:var(--accent);font-weight:600}.project-image{object-fit:cover;object-position:top;border:1px solid var(--card-border);border-radius:16px;width:100%;height:220px;margin-bottom:1.5rem}.project-card-featured{grid-column:1/-1}@media (width<=900px){.projects-grid{grid-template-columns:1fr}.project-card-featured{grid-column:1/-1}}.about-section{padding:8rem 0}.about-label{color:var(--accent);letter-spacing:2px;margin-bottom:1rem;font-weight:700}.about-title{max-width:900px;margin-bottom:2rem;font-size:clamp(1.8rem,6vw,3rem);line-height:1.2}.about-description{max-width:850px;color:var(--muted);margin-bottom:2.5rem;font-size:1.05rem;line-height:1.9}.about-tags{flex-wrap:wrap;gap:1rem;display:flex}.about-tags span{background:var(--card-bg);border:1px solid var(--card-border);border-radius:999px;padding:.8rem 1rem}.contact-section{padding:10rem 0}.contact-label{color:var(--accent);letter-spacing:2px;margin-bottom:1rem;font-weight:700}.contact-title{max-width:450px;margin-bottom:1.5rem;font-size:clamp(1.25rem,4vw,1.75rem);line-height:1.3}.contact-email{margin-bottom:3rem;font-size:clamp(1.5rem,3vw,2rem);font-weight:400;transition:all .2s;display:inline-block}.contact-email:hover{color:var(--accent)}.contact-links{flex-wrap:wrap;gap:2rem;display:flex}.contact-links a{color:var(--muted);font-size:1.1rem;transition:all .2s}.contact-links a:hover{color:#fff}[data-theme=light] .contact-links a:hover{color:var(--accent)}@media (width<=768px){.project-image{height:220px}}@media (width<=480px){.contact-email{font-size:1.1rem}}@media (width<=768px){.navbar-social{display:none}.navbar-links{gap:1rem}.navbar-content{padding:.9rem 1.2rem;transition:all .3s}.navbar-logo img{height:28px}}.btn-primary,.btn-secondary{transition:all .25s}.btn-primary:hover,.btn-secondary:hover{transform:translateY(-4px)}.project-card{transition:all .3s}.footer{border-top:1px solid #ffffff14;margin-top:6rem;padding:4rem 0}.footer .container{color:var(--muted);justify-content:space-between;align-items:center;font-size:.95rem;display:flex}@media (width<=768px){.footer .container{flex-direction:column;gap:1rem}}.theme-toggle{cursor:pointer;color:var(--muted);background:0 0;border:none;font-size:1.1rem;transition:all .25s}.theme-toggle:hover{color:var(--text);transform:rotate(15deg)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{font-family:Inter,sans-serif}