@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#09111f;--bg-soft:#101828b3;--surface:#0c1321d1;--surface-strong:#10192b;--text:#f5f7fb;--text-muted:#aab7cf;--border:#ffffff14;--accent:#7c9cff;--accent-strong:#5f85ff;--accent-soft:#7c9cff26;--shadow:0 18px 60px #00000052;--container:1120px;--radius-lg:24px;--radius-md:18px;--radius-sm:12px;--transition:.22s ease}body.light-theme{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f7fb;--bg-soft:#ffffffe6;--surface:#ffffffdb;--surface-strong:#fff;--text:#101828;--text-muted:#475467;--border:#1018281a;--accent:#4c6fff;--accent-strong:#3157f6;--accent-soft:#4c6fff1f;--shadow:0 18px 48px #1018281f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at top left, #7c9cff24, transparent 26%), radial-gradient(circle at top right, #5ce1e624, transparent 18%), var(--bg);min-width:320px;color:var(--text);transition:background-color var(--transition), color var(--transition);margin:0;font-family:Inter,sans-serif}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}.page-shell{overflow-x:clip}.container{width:min(calc(100% - 2rem), var(--container));margin:0 auto}.section{padding:5rem 0}.site-header{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#09111fa6;position:sticky;top:0}body.light-theme .site-header{background:#f5f7fbcc}.nav-wrapper{justify-content:space-between;align-items:center;gap:1rem;min-height:4.5rem;display:flex}.brand{letter-spacing:-.03em;font-weight:800}.site-nav{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow);flex-direction:column;gap:1rem;padding:1rem;display:none;position:absolute;top:calc(100% + .75rem);left:1rem;right:1rem}.site-nav.is-open{display:flex}.site-nav a{color:var(--text-muted);transition:color var(--transition)}.site-nav a:hover,.site-nav a:focus-visible,.project-links a:hover,.footer-links a:hover,.contact-links a:hover{color:var(--accent)}.nav-toggle{border:1px solid var(--border);background:var(--surface);width:2.75rem;height:2.75rem;color:var(--text);border-radius:50%;flex-direction:column;justify-content:center;gap:.3rem;padding:0;display:inline-flex}.nav-toggle span{width:1rem;height:2px;transition:transform var(--transition), opacity var(--transition);background:currentColor;margin:0 auto}.nav-toggle[aria-expanded=true] span:first-child{transform:translateY(4px)rotate(45deg)}.nav-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px)rotate(-45deg)}.theme-toggle{border:1px solid var(--border);background:var(--accent-soft);width:2.75rem;height:2.75rem;color:var(--text);transition:transform var(--transition), background-color var(--transition);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.theme-toggle:hover,.btn:hover,.project-card:hover,.skill-card:hover,.about-card:hover,.contact-form:hover{transform:translateY(-2px)}.hero{padding-top:6rem}.hero-avatar{object-fit:cover;border:1px solid var(--border);border-radius:50%;width:clamp(140px,22vw,190px);height:clamp(140px,22vw,190px);margin:0 0 1.25rem;box-shadow:0 22px 55px #00000047,0 0 0 8px #7c9cff1a}.hero-grid,.about-grid,.contact-grid{gap:1.5rem;display:grid}.hero-copy,.hero-card,.about-card,.skill-card,.project-card,.contact-form{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow);padding:1.5rem}.hero-copy{box-shadow:none;text-align:left;background:0 0;border:0;flex-direction:column;align-items:flex-start;padding:0;display:flex}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.1em;margin:0 0 .75rem;font-size:.8rem;font-weight:700}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.06em;margin-bottom:1rem;font-size:clamp(2.8rem,9vw,5rem);line-height:.95}h2{letter-spacing:-.05em;margin-bottom:1rem;font-size:clamp(2rem,6vw,3rem);line-height:1.05}h3{margin-bottom:.75rem;font-size:1.2rem}p,li,label,input,textarea{color:var(--text-muted);line-height:1.7}.hero-text{max-width:38rem;margin-bottom:1.5rem;font-size:1.05rem}.hero-actions{flex-wrap:wrap;gap:.875rem;margin-bottom:1.5rem;display:flex}.btn{min-width:9.5rem;transition:transform var(--transition), background-color var(--transition), border-color var(--transition);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:.9rem 1.35rem;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#fff}.btn-secondary{border-color:var(--border);background:var(--surface)}.hero-highlights,.skill-card ul{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.hero-highlights li,.skill-card li{padding-left:1.25rem;position:relative}.hero-highlights li:before,.skill-card li:before{content:"";background:var(--accent);border-radius:50%;width:.45rem;height:.45rem;position:absolute;top:.7rem;left:0}.profile-card{position:relative;overflow:hidden}.profile-card__glow{filter:blur(24px);background:#7c9cff33;border-radius:50%;width:16rem;height:16rem;position:absolute;inset:-40% auto auto 30%}.profile-card__label{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:.35rem .7rem;font-weight:700;display:inline-flex;position:relative}.profile-stats{gap:1rem;margin-top:1.5rem;display:grid;position:relative}.profile-stats div{border-radius:var(--radius-md);border:1px solid var(--border);background:#ffffff08;padding:1rem}body.light-theme .profile-stats div{background:#10182808}.profile-stats strong,.project-card__header h3{color:var(--text);margin-bottom:.35rem;display:block}.section-heading{max-width:42rem;margin-bottom:2rem}.section-heading--left{margin-bottom:1.5rem}.skills-grid,.projects-grid{gap:1.25rem;display:grid}.project-card{padding:0;overflow:hidden}.project-card img{aspect-ratio:16/10;object-fit:cover;width:100%}.project-card__content{padding:1.5rem}.project-card__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.project-card__header span{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:.35rem .7rem;font-size:.85rem;font-weight:700}.project-links,.footer-links,.contact-links{flex-wrap:wrap;gap:1rem;display:flex}.project-links a,.footer-links a,.contact-links a{transition:color var(--transition);font-weight:600}.contact-form{gap:1rem;display:grid}.contact-form label{color:var(--text);gap:.5rem;font-weight:600;display:grid}.contact-form input,.contact-form textarea{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);resize:vertical;transition:border-color var(--transition), box-shadow var(--transition);background:0 0;padding:.9rem 1rem}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);outline:none}.site-footer{border-top:1px solid var(--border);padding:1.5rem 0 2rem}.footer-content{flex-direction:column;gap:1rem;display:flex}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(28px)}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal-delay{transition-delay:.12s}.reveal-delay-2{transition-delay:.22s}@media (width>=768px){.section{padding:6.5rem 0}.nav-toggle{display:none}.site-nav{box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:row;align-items:center;gap:1.25rem;padding:0;display:flex;position:static}.hero-grid,.contact-grid{grid-template-columns:1.1fr .9fr;align-items:center}.about-grid,.skills-grid,.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-content{flex-direction:row;justify-content:space-between;align-items:center}}@media (width>=1024px){.skills-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{align-items:center;min-height:calc(100vh - 4.5rem);display:grid}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}