.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:8rem 2rem 4rem;overflow:hidden;text-align:center}.hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.hero__blob{position:absolute;border-radius:50%;filter:blur(90px);will-change:transform}[data-theme=dark] .hero__blob{opacity:.2}[data-theme=light] .hero__blob{opacity:.12}.hero__blob--1{width:640px;height:640px;background:radial-gradient(circle,#6366f1 0%,#8b5cf6 60%,transparent 100%);top:-180px;right:-120px}.hero__blob--2{width:520px;height:520px;background:radial-gradient(circle,#06b6d4 0%,#6366f1 60%,transparent 100%);bottom:-120px;left:-100px}.hero__dot-grid{--gx: 50%;--gy: 50%;position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(99,102,241,.4) 1px,transparent 1px);background-size:30px 30px;-webkit-mask-image:radial-gradient(ellipse 28% 28% at var(--gx) var(--gy),black 0%,transparent 100%);mask-image:radial-gradient(ellipse 28% 28% at var(--gx) var(--gy),black 0%,transparent 100%);pointer-events:none;z-index:0;opacity:0;transition:opacity .45s ease}[data-theme=light] .hero__dot-grid{background-image:radial-gradient(circle,rgba(99,102,241,.25) 1px,transparent 1px)}.hero:hover .hero__dot-grid{opacity:1}.hero__particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.hero__particle{position:absolute;border-radius:50%;background:var(--accent);opacity:0;animation:particle-float linear infinite;will-change:transform,opacity}[data-theme=light] .hero__particle{background:#6366f1}@keyframes particle-float{0%{opacity:0;transform:translateY(0) scale(1)}15%{opacity:.6}70%{opacity:.35}to{opacity:0;transform:translateY(-80px) scale(.7)}}.hero__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:1.25rem;max-width:720px;will-change:transform,opacity}.hero__badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .9rem;border-radius:99px;border:1px solid var(--accent-border);background:var(--accent-light);font-size:.8rem;font-weight:500;color:var(--accent-hover);letter-spacing:.02em}.hero__badge:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);animation:badge-pulse 2s ease-in-out infinite}@keyframes badge-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.hero__name{font-family:Plus Jakarta Sans,sans-serif;font-size:clamp(2.5rem,7vw,4.5rem);font-weight:800;color:var(--text-primary);line-height:1.1;letter-spacing:-.03em;margin:0}.hero__role{font-family:Plus Jakarta Sans,sans-serif;font-size:clamp(1.25rem,3vw,1.75rem);font-weight:600;color:var(--accent);letter-spacing:-.01em;margin:0}.hero__tagline{font-size:1.05rem;color:var(--text-secondary);line-height:1.7;max-width:500px;margin:0}.hero__cta{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-top:.5rem}.btn{padding:.7rem 1.75rem;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;border-radius:12px;border:none;cursor:pointer;letter-spacing:.01em;display:inline-block;will-change:transform}.btn--primary{background:var(--accent);color:#fff;box-shadow:0 4px 18px #6366f166;transition:background .2s ease,box-shadow .2s ease}.btn--primary:hover{background:var(--accent-hover);box-shadow:0 8px 28px #6366f18c}.btn--secondary{background:var(--surface);color:var(--text-primary);border:1px solid var(--border);transition:background .2s ease,border-color .2s ease}.btn--secondary:hover{background:var(--surface-raised);border-color:var(--border-hover)}.hero__scroll{display:flex;flex-direction:column;align-items:center;gap:.4rem;margin-top:1.5rem;cursor:pointer;opacity:.45;transition:opacity .2s ease}.hero__scroll:hover{opacity:.8}.hero__scroll-line{width:2px;height:36px;background:linear-gradient(to bottom,var(--accent),transparent);border-radius:2px;transform-origin:top}.hero__scroll span{font-size:.7rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}@media (max-width: 480px){.hero__tagline{font-size:.95rem}.btn{padding:.65rem 1.4rem;font-size:.9rem}.hero__blob--1{width:360px;height:360px}.hero__blob--2{width:300px;height:300px}.hero__dot-grid{display:none}}.about{padding:6rem 2rem}.about__layout{display:grid;grid-template-columns:1fr 280px;gap:4rem;align-items:start}.about__text{display:flex;flex-direction:column;gap:1.25rem}.about__block{padding:1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:16px;transition:border-color .25s ease,box-shadow .25s ease}.about__block:hover{border-color:var(--accent-border);box-shadow:var(--shadow-md)}.about__block p{font-size:.97rem;line-height:1.75;color:var(--text-secondary)}.about__stats{display:flex;flex-direction:column;gap:1rem;position:sticky;top:5rem}.about__stat{padding:1.75rem 1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:16px;text-align:center;transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease}.about__stat:hover{border-color:var(--accent-border);transform:translateY(-3px);box-shadow:var(--shadow-md)}.about__stat-number{font-family:Plus Jakarta Sans,sans-serif;font-size:2.25rem;font-weight:800;color:var(--accent);line-height:1;margin-bottom:.4rem;letter-spacing:-.03em}.about__stat-label{font-size:.8rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}@media (max-width: 900px){.about__layout{grid-template-columns:1fr;gap:2.5rem}.about__stats{flex-direction:row;position:static}.about__stat{flex:1}}@media (max-width: 480px){.about__stats{flex-direction:column}}.projects{padding:6rem 2rem}.projects__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.project-card{--mx: 50%;--my: 50%;position:relative;background:var(--surface);border:1px solid var(--border);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .25s ease,box-shadow .25s ease}.project-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at var(--mx) var(--my),rgba(99,102,241,.1) 0%,transparent 65%);opacity:0;transition:opacity .35s ease;pointer-events:none;z-index:0;border-radius:inherit}.project-card:hover{border-color:var(--accent-border);box-shadow:var(--shadow-lg)}.project-card:hover:before{opacity:1}.project-card__accent{height:3px;width:100%;opacity:.85}.project-card__body{padding:1.75rem;display:flex;flex-direction:column;gap:.75rem;flex:1;position:relative;z-index:1}.project-card__num{font-size:.75rem;font-weight:700;letter-spacing:.1em;color:var(--text-muted)}.project-card__title{font-family:Plus Jakarta Sans,sans-serif;font-size:1.15rem;font-weight:700;color:var(--text-primary);line-height:1.3}.project-card__desc{font-size:.9rem;line-height:1.7;color:var(--text-secondary);flex:1}.project-card__tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.25rem}.project-card__tag{padding:.25rem .65rem;border-radius:6px;background:var(--surface-raised);border:1px solid var(--border);font-size:.75rem;font-weight:500;color:var(--text-secondary);transition:color .2s ease,border-color .2s ease}.project-card:hover .project-card__tag{color:var(--text-primary);border-color:var(--border-hover)}@media (max-width: 768px){.projects__grid{grid-template-columns:1fr}}.skills{padding:6rem 2rem}.skills__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.skill-group{--mx: 50%;--my: 50%;position:relative;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:1.75rem;display:flex;flex-direction:column;gap:1.25rem;transition:border-color .25s ease,box-shadow .25s ease;overflow:hidden}.skill-group:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at var(--mx) var(--my),rgba(99,102,241,.09) 0%,transparent 65%);opacity:0;transition:opacity .35s ease;pointer-events:none;z-index:0;border-radius:inherit}.skill-group:hover{border-color:var(--accent-border);box-shadow:var(--shadow-md)}.skill-group:hover:before{opacity:1}.skill-group__header{display:flex;align-items:center;gap:.75rem;position:relative;z-index:1}.skill-group__icon{font-size:1rem;color:var(--accent);font-weight:700;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--accent-light);border-radius:8px}.skill-group__title{font-family:Plus Jakarta Sans,sans-serif;font-size:1rem;font-weight:700;color:var(--text-primary)}.skill-group__list{display:flex;flex-direction:column;gap:.85rem;position:relative;z-index:1}.skill-item__meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:.35rem}.skill-item__name{font-size:.85rem;font-weight:500;color:var(--text-secondary)}.skill-item__pct{font-size:.75rem;font-weight:600;color:var(--text-muted)}.skill-item__track{height:5px;background:var(--surface-raised);border-radius:99px;overflow:hidden}.skill-item__fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-hover));border-radius:99px}@media (max-width: 768px){.skills__grid{grid-template-columns:1fr}}.contact{padding:6rem 2rem}.contact__layout{display:grid;grid-template-columns:1fr 1.1fr;gap:4rem;align-items:start}.contact__heading{font-family:Plus Jakarta Sans,sans-serif;font-size:1.35rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem}.contact__body{font-size:.95rem;line-height:1.75;color:var(--text-secondary);margin-bottom:2rem}.contact__details{display:flex;flex-direction:column;gap:1.1rem;margin-bottom:2rem}.contact__detail{display:flex;align-items:flex-start;gap:.85rem}.contact__detail-icon{width:34px;height:34px;min-width:34px;border-radius:10px;background:var(--accent-light);color:var(--accent);display:flex;align-items:center;justify-content:center}.contact__detail-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.2rem}.contact__detail-value{font-size:.9rem;color:var(--text-secondary)}.contact__socials{display:flex;gap:.75rem;flex-wrap:wrap}.contact__social{padding:.45rem 1rem;border-radius:8px;border:1px solid var(--border);background:var(--surface);font-size:.875rem;font-weight:500;color:var(--text-secondary);text-decoration:none;transition:color .2s ease,border-color .2s ease,background .2s ease}.contact__social:hover{color:var(--accent);border-color:var(--accent-border);background:var(--accent-light)}.contact__form{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:2rem;display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-label{font-size:.8rem;font-weight:600;letter-spacing:.04em;color:var(--text-secondary)}.form-input{padding:.7rem 1rem;background:var(--bg);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-family:Inter,sans-serif;font-size:.9rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease;resize:none}.form-input::placeholder{color:var(--text-muted)}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.form-textarea{min-height:140px}.form-submit{padding:.8rem 1.5rem;background:var(--accent);color:#fff;border:none;border-radius:12px;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s ease,box-shadow .2s ease;box-shadow:0 4px 16px #6366f159}.form-submit:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 6px 24px #6366f180}.form-submit:disabled{opacity:.65;cursor:not-allowed}.form-feedback{padding:.7rem 1rem;border-radius:10px;font-size:.875rem;font-weight:500}.form-feedback--success{background:#10b9811f;border:1px solid rgba(16,185,129,.3);color:#10b981}.form-feedback--error{background:#ef44441a;border:1px solid rgba(239,68,68,.25);color:#ef4444}@media (max-width: 900px){.contact__layout{grid-template-columns:1fr;gap:2.5rem}}.nav{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:0 2rem;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}.nav--scrolled{background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm)}.nav__inner{max-width:1100px;margin:0 auto;height:64px;display:flex;align-items:center;justify-content:space-between;gap:2rem}.nav__logo{font-family:Plus Jakarta Sans,sans-serif;font-size:1.25rem;font-weight:800;color:var(--accent);background:none;border:none;cursor:pointer;padding:0;letter-spacing:-.02em;transition:opacity .2s ease;flex-shrink:0}.nav__logo:hover{opacity:.75}.nav__links{display:flex;align-items:center;gap:.25rem;list-style:none}.nav__link{background:none;border:none;cursor:pointer;font-family:Inter,sans-serif;font-size:.9rem;font-weight:500;color:var(--text-secondary);padding:.4rem .75rem;border-radius:8px;transition:color .2s ease,background .2s ease}.nav__link:hover{color:var(--text-primary);background:var(--surface-raised)}.nav__link--active{color:var(--accent);background:var(--accent-light)}.nav__controls{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.nav__theme-toggle{width:36px;height:36px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s ease,border-color .2s ease,background .2s ease}.nav__theme-toggle:hover{color:var(--text-primary);border-color:var(--border-hover);background:var(--surface-raised)}.nav__hamburger{display:none;flex-direction:column;gap:5px;width:36px;height:36px;padding:8px;background:none;border:none;cursor:pointer;border-radius:8px;transition:background .2s ease}.nav__hamburger:hover{background:var(--surface-raised)}.nav__hamburger span{display:block;width:100%;height:2px;background:var(--text-secondary);border-radius:2px;transition:transform .25s ease,opacity .25s ease;transform-origin:center}.nav__hamburger--open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav__hamburger--open span:nth-child(2){opacity:0;transform:scaleX(0)}.nav__hamburger--open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav__mobile{overflow:hidden;border-top:1px solid var(--border);background:color-mix(in srgb,var(--bg) 95%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.nav__mobile-link{display:block;width:100%;text-align:left;padding:.85rem 2rem;background:none;border:none;cursor:pointer;font-size:.95rem;font-weight:500;color:var(--text-secondary);transition:color .2s ease,background .2s ease}.nav__mobile-link:hover{color:var(--text-primary);background:var(--surface)}.nav__mobile-link--active{color:var(--accent)}@media (max-width: 768px){.nav__links{display:none}.nav__hamburger{display:flex}}.back-to-top{position:fixed;bottom:2rem;right:2rem;width:42px;height:42px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;z-index:999;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);transition:color .2s ease,border-color .2s ease,background .2s ease}.back-to-top:hover{color:var(--accent);border-color:var(--accent-border);background:var(--accent-light)}@media (max-width: 480px){.back-to-top{bottom:1.25rem;right:1.25rem;width:38px;height:38px}}.app{min-height:100vh;display:flex;flex-direction:column}main{flex:1}.loader-container{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);display:flex;align-items:center;justify-content:center;z-index:9999}.loader-inner{display:flex;flex-direction:column;align-items:center;gap:2rem}.loader-logo{font-family:Plus Jakarta Sans,sans-serif;font-size:2.5rem;font-weight:800;color:var(--accent);letter-spacing:-.02em}.loader-bar{width:160px;height:2px;background:var(--surface-raised);border-radius:99px;overflow:hidden}.loader-progress{height:100%;background:var(--accent);border-radius:99px}.footer{border-top:1px solid var(--border);padding:2rem;margin-top:4rem}.footer-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.footer-copy{font-size:.875rem;color:var(--text-muted)}.footer-links{display:flex;gap:1.5rem}.footer-links a{font-size:.875rem;font-weight:500;color:var(--text-secondary);text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:var(--accent)}@media (max-width: 480px){.footer-inner{flex-direction:column;align-items:flex-start;gap:1rem}}.click-ripple{position:fixed;width:36px;height:36px;margin-left:-18px;margin-top:-18px;border-radius:50%;background:var(--accent);pointer-events:none;z-index:9998}:root{--accent: #6366f1;--accent-hover: #818cf8;--accent-light: rgba(99, 102, 241, .12);--accent-border: rgba(99, 102, 241, .35);--bg: #09090b;--surface: #18181b;--surface-raised: #27272a;--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .15);--text-primary: #f4f4f5;--text-secondary: #a1a1aa;--text-muted: #71717a;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .6)}[data-theme=light]{--bg: #fafafa;--surface: #ffffff;--surface-raised: #f4f4f5;--border: rgba(0, 0, 0, .07);--border-hover: rgba(0, 0, 0, .14);--text-primary: #18181b;--text-secondary: #52525b;--text-muted: #a1a1aa;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background:var(--bg);color:var(--text-primary);overflow-x:hidden;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .25s ease,color .25s ease}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-raised);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}::selection{background:var(--accent);color:#fff}.section-container{max-width:1100px;margin:0 auto;padding:0 2rem}.section-header{margin-bottom:3.5rem}.section-label{display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:.75rem}.section-title{font-family:Plus Jakarta Sans,sans-serif;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;color:var(--text-primary);line-height:1.2}.section-desc{margin-top:.75rem;font-size:1.05rem;color:var(--text-secondary);max-width:520px}