:root{--font-primary:"Inter", system-ui, -apple-system, sans-serif;--font-display:"Space Grotesk", "Inter", sans-serif;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1);--gradient-primary:linear-gradient(135deg, #6c63ff, #00d4ff);--gradient-primary-hover:linear-gradient(135deg, #7b73ff, #1ae0ff)}[data-theme=dark]{--color-bg:#0a0a0f;--color-bg-elevated:#12121a;--color-bg-card:#16161f;--color-bg-card-hover:#1c1c28;--color-surface:#1e1e2a;--color-border:#ffffff0f;--color-border-hover:#ffffff1f;--color-text:#e4e4e7;--color-text-secondary:#a1a1aa;--color-text-muted:#71717a;--color-accent:#6c63ff;--color-accent-secondary:#00d4ff;--color-glow:#6c63ff26;--color-glow-strong:#6c63ff4d;--navbar-bg:#0a0a0fcc;--shadow-card:0 4px 24px #0006;--shadow-card-hover:0 8px 40px #6c63ff26}[data-theme=light]{--color-bg:#f8f9fc;--color-bg-elevated:#fff;--color-bg-card:#fff;--color-bg-card-hover:#f3f4f8;--color-surface:#eef0f5;--color-border:#00000014;--color-border-hover:#00000026;--color-text:#18181b;--color-text-secondary:#52525b;--color-text-muted:#a1a1aa;--color-accent:#4f46e5;--color-accent-secondary:#0891b2;--color-glow:#4f46e514;--color-glow-strong:#4f46e526;--navbar-bg:#f8f9fcd9;--shadow-card:0 4px 16px #0000000f;--shadow-card-hover:0 8px 32px #4f46e51a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:var(--font-primary);background-color:var(--color-bg);color:var(--color-text);transition:background-color var(--transition-base), color var(--transition-base);line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:100%;max-width:1200px;padding:0 var(--space-xl);margin:0 auto}.section{padding:var(--space-4xl) 0}.navbar{z-index:1000;background:var(--navbar-bg);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);transition:all var(--transition-base);position:fixed;top:0;left:0;right:0}.navbar.scrolled{box-shadow:0 2px 20px #0000001a}.nav-container{max-width:1200px;padding:0 var(--space-xl);justify-content:space-between;align-items:center;height:64px;margin:0 auto;display:flex}.nav-logo{font-family:var(--font-display);letter-spacing:-.02em;background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.logo-dot{color:var(--color-accent-secondary);-webkit-text-fill-color:var(--color-accent-secondary)}.nav-links{gap:var(--space-xl);list-style:none;display:flex}.nav-links a{color:var(--color-text-secondary);transition:color var(--transition-fast);font-size:.875rem;font-weight:500;position:relative}.nav-links a:after{content:"";background:var(--gradient-primary);border-radius:var(--radius-full);width:0;height:2px;transition:width var(--transition-base);position:absolute;bottom:-4px;left:0}.nav-links a:hover{color:var(--color-text)}.nav-links a:hover:after{width:100%}.nav-actions{align-items:center;gap:var(--space-sm);display:flex}.btn-icon{border:1px solid var(--color-border);border-radius:var(--radius-md);width:40px;height:40px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-primary);background:0 0;justify-content:center;align-items:center;font-size:.8rem;font-weight:600;display:flex}.btn-icon:hover{color:var(--color-text);border-color:var(--color-border-hover);background:var(--color-glow)}[data-theme=dark] .icon-sun{display:block}[data-theme=dark] .icon-moon,[data-theme=light] .icon-sun{display:none}[data-theme=light] .icon-moon{display:block}.hamburger{flex-direction:column;gap:5px;display:none}.hamburger span{background:var(--color-text-secondary);border-radius:var(--radius-full);width:20px;height:2px;transition:all var(--transition-base);display:block}.hamburger.active span:first-child{transform:rotate(45deg)translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.hero{justify-content:center;align-items:center;min-height:100vh;padding-top:64px;display:flex;position:relative;overflow:hidden}.hero-bg{pointer-events:none;position:absolute;inset:0}.hero-grid{background-image:linear-gradient(var(--color-border) 1px, transparent 1px), linear-gradient(90deg, var(--color-border) 1px, transparent 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 20%,#0000 70%);mask-image:radial-gradient(#000 20%,#0000 70%)}.hero-glow{background:radial-gradient(circle, var(--color-glow-strong) 0%, transparent 70%);width:600px;height:600px;animation:4s ease-in-out infinite alternate glow-pulse;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}@keyframes glow-pulse{0%{opacity:.5;transform:translate(-50%,-50%)scale(.9)}to{opacity:1;transform:translate(-50%,-50%)scale(1.1)}}.hero-content{text-align:center;z-index:1;padding:var(--space-xl);position:relative}.hero-greeting{color:var(--color-accent);letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--space-md);opacity:0;font-size:1rem;font-weight:500;animation:.6s .2s forwards fadeInUp}.hero-name{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:var(--space-lg);font-size:clamp(3rem,10vw,7rem);font-weight:700;line-height:1.05}.name-line{background:var(--gradient-primary);-webkit-text-fill-color:transparent;opacity:0;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:6s infinite gradient-shift,.6s .4s forwards fadeInUp;display:block}.name-line:nth-child(2){animation-delay:.5s,.5s}.hero-dot{-webkit-text-fill-color:var(--color-accent-secondary)}@keyframes gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}.hero-title{color:var(--color-text-secondary);margin-bottom:var(--space-sm);opacity:0;font-size:clamp(1rem,2.5vw,1.25rem);font-weight:400;animation:.6s .7s forwards fadeInUp}.hero-subtitle{color:var(--color-text-muted);margin-bottom:var(--space-2xl);opacity:0;font-size:.9rem;animation:.6s .9s forwards fadeInUp}.hero-actions{justify-content:center;align-items:center;gap:var(--space-md);opacity:0;flex-wrap:wrap;animation:.6s 1.1s forwards fadeInUp;display:flex}.btn{align-items:center;gap:var(--space-sm);border-radius:var(--radius-full);font-family:var(--font-primary);cursor:pointer;transition:all var(--transition-base);border:none;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 20px #6c63ff4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 30px #6c63ff80}.btn-outline{color:var(--color-text);border:1px solid var(--color-border-hover);background:0 0}.btn-outline:hover{border-color:var(--color-accent);background:var(--color-glow);transform:translateY(-2px)}.hero-scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.scroll-line{background:var(--color-border-hover);border-radius:var(--radius-full);width:2px;height:40px;position:relative;overflow:hidden}.scroll-line:after{content:"";background:var(--gradient-primary);width:100%;height:50%;animation:2s ease-in-out infinite scroll-down;position:absolute;top:-100%;left:0}@keyframes scroll-down{0%{top:-50%}to{top:100%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.section-header{text-align:center;margin-bottom:var(--space-3xl)}.section-tag{letter-spacing:.15em;text-transform:uppercase;color:var(--color-accent);background:var(--color-glow);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);margin-bottom:var(--space-md);font-size:.75rem;font-weight:600;display:inline-block}.section-title{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(2rem,5vw,3rem);font-weight:700}.about-grid{gap:var(--space-3xl);grid-template-columns:1fr 1fr;align-items:start;display:grid}.about-text p{color:var(--color-text-secondary);font-size:1.05rem;line-height:1.8}.skills-grid{gap:var(--space-sm);flex-wrap:wrap;display:flex}.skill-pill{align-items:center;gap:var(--space-sm);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text);transition:all var(--transition-base);cursor:default;padding:.6rem 1.1rem;font-size:.85rem;font-weight:500;display:inline-flex}.skill-pill:hover{border-color:var(--color-accent);background:var(--color-glow);box-shadow:0 4px 16px var(--color-glow);transform:translateY(-2px)}.skill-pill svg{color:var(--color-accent);flex-shrink:0}.projects-list{gap:var(--space-2xl);flex-direction:column;display:flex}.project-card{gap:var(--space-2xl);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);transition:all var(--transition-slow);grid-template-columns:380px 1fr;align-items:center;display:grid}.project-card:hover{border-color:var(--color-border-hover);background:var(--color-bg-card-hover);box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.project-card:nth-child(2n){direction:rtl}.project-card:nth-child(2n)>*{direction:ltr}.project-image{aspect-ratio:4/3;border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);width:100%;position:relative;overflow:hidden}.project-image-placeholder{background:linear-gradient(135deg, var(--color-bg-elevated), var(--color-surface));width:100%;height:100%;color:var(--color-text-muted);font-family:var(--font-display);letter-spacing:.05em;justify-content:center;align-items:center;font-size:2rem;font-weight:700;display:flex;position:relative;overflow:hidden}.project-image-placeholder:before{content:"";background:var(--gradient-primary);opacity:.05;position:absolute;inset:0}.project-image-placeholder:after{content:"";background:var(--gradient-primary);height:3px;position:absolute;bottom:0;left:0;right:0}.project-image img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.project-card:hover .project-image img{transform:scale(1.05)}.project-info{gap:var(--space-md);flex-direction:column;display:flex}.project-tech{gap:var(--space-xs);flex-wrap:wrap;display:flex}.project-tech-tag{letter-spacing:.05em;text-transform:uppercase;border-radius:var(--radius-full);background:var(--color-glow);color:var(--color-accent);padding:.25rem .6rem;font-size:.7rem;font-weight:600}.project-title{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.4rem;font-weight:700}.project-desc{color:var(--color-text-secondary);font-size:.9rem;line-height:1.7}.project-actions{gap:var(--space-sm);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}.btn-sm{border-radius:var(--radius-full);align-items:center;gap:var(--space-xs);transition:all var(--transition-base);cursor:pointer;font-size:.8rem;font-weight:600;font-family:var(--font-primary);border:none;padding:.5rem 1rem;display:inline-flex}.btn-sm-primary{background:var(--gradient-primary);color:#fff}.btn-sm-primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #6c63ff66}.btn-sm-ghost{color:var(--color-text-secondary);border:1px solid var(--color-border);background:0 0}.btn-sm-ghost:hover{border-color:var(--color-accent);color:var(--color-text);background:var(--color-glow)}.footer{border-top:1px solid var(--color-border);padding:var(--space-3xl) 0 var(--space-xl)}.footer-content{margin-bottom:var(--space-2xl);justify-content:space-between;align-items:center;display:flex}.footer-logo{font-family:var(--font-display);background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.footer-tagline{color:var(--color-text-muted);margin-top:var(--space-xs);font-size:.9rem}.footer-social{border-radius:var(--radius-md);border:1px solid var(--color-border);width:44px;height:44px;color:var(--color-text-secondary);transition:all var(--transition-base);justify-content:center;align-items:center;display:flex}.footer-social:hover{color:var(--color-text);border-color:var(--color-accent);background:var(--color-glow);transform:translateY(-2px)}.footer-bottom{text-align:center;padding-top:var(--space-xl);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:.8rem}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}@media (width<=968px){.about-grid,.project-card{grid-template-columns:1fr}.project-card:nth-child(2n){direction:ltr}}@media (width<=768px){.nav-links{background:var(--navbar-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:var(--space-lg);gap:var(--space-md);border-bottom:1px solid var(--color-border);flex-direction:column;display:none;position:absolute;top:64px;left:0;right:0}.nav-links.open,.hamburger{display:flex}.hero-name{font-size:clamp(2.5rem,12vw,4rem)}.hero-actions{flex-direction:column}.project-card{padding:var(--space-lg)}.footer-content{text-align:center;gap:var(--space-lg);flex-direction:column}}