@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:JetBrains Mono,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0c0c0f;background:var(--primary-bg,#0c0c0f)}::-webkit-scrollbar-thumb{background:#7c3aed;background:var(--accent-primary,#7c3aed);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#a855f7;background:var(--accent-secondary,#a855f7)}:focus-visible{outline:2px solid #7c3aed;outline:2px solid var(--accent-primary,#7c3aed);outline-offset:2px}html{overflow-y:scroll}img{display:block;height:auto;max-width:100%}h1,h2,h3,h4,h5,h6{text-wrap:balance}p{text-wrap:pretty}.app{display:flex;flex-direction:column;min-height:100vh}main{flex:1 1}.spinner{-webkit-animation:spin-loader .8s linear infinite;animation:spin-loader .8s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:18px;width:18px}@-webkit-keyframes spin-loader{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin-loader{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}button:disabled{cursor:not-allowed;opacity:.7}:root{--primary-bg:#0c0c0f;--secondary-bg:#12121a;--tertiary-bg:#1a1a2e;--card-bg:#16161f;--surface:#1e1e2d;--surface-hover:#252538;--text-primary:#fff;--text-secondary:#b4b4c4;--text-muted:#6b6b7b;--accent-primary:#7c3aed;--accent-secondary:#a855f7;--accent-tertiary:#c084fc;--accent-coral:#ff6b6b;--accent-cyan:#22d3ee;--accent-gradient:linear-gradient(135deg,#7c3aed,#a855f7 50%,#c084fc);--accent-gradient-alt:linear-gradient(135deg,#ff6b6b,#fbbf24);--glass-bg:rgba(22,22,31,.8);--glass-border:hsla(0,0%,100%,.08);--glass-blur:blur(20px);--success:#10b981;--warning:#fbbf24;--danger:#ef4444;--space-xs:0.5rem;--space-sm:0.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--radius-sm:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-2xl:2rem;--radius-full:9999px;--shadow-sm:0 2px 4px rgba(0,0,0,.3);--shadow-md:0 4px 12px rgba(0,0,0,.4);--shadow-lg:0 8px 24px rgba(0,0,0,.5);--shadow-xl:0 16px 48px rgba(0,0,0,.6);--shadow-glow:0 0 40px rgba(124,58,237,.3);--shadow-glow-lg:0 0 80px rgba(124,58,237,.4);--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-normal:300ms cubic-bezier(0.4,0,0.2,1);--transition-slow:500ms cubic-bezier(0.4,0,0.2,1);--transition-spring:500ms cubic-bezier(0.34,1.56,0.64,1)}[data-theme=light]{--primary-bg:#faf7f2;--secondary-bg:#f5f0e8;--tertiary-bg:#ebe4d8;--card-bg:#fff;--surface:#f8f4ed;--surface-hover:#f0ebe2;--text-primary:#1a1a1a;--text-secondary:#4a4a4a;--text-muted:#7a7a7a;--accent-primary:#d97706;--accent-secondary:#ea580c;--accent-tertiary:#f59e0b;--accent-coral:#dc2626;--accent-cyan:#0891b2;--accent-gradient:linear-gradient(135deg,#d97706,#ea580c 50%,#f59e0b);--accent-gradient-alt:linear-gradient(135deg,#dc2626,#ea580c);--glass-bg:hsla(0,0%,100%,.9);--glass-border:rgba(0,0,0,.08);--shadow-sm:0 2px 4px rgba(0,0,0,.05);--shadow-md:0 4px 12px rgba(0,0,0,.08);--shadow-lg:0 8px 24px rgba(0,0,0,.1);--shadow-xl:0 16px 48px rgba(0,0,0,.12);--shadow-glow:0 0 40px rgba(217,119,6,.2);--shadow-glow-lg:0 0 80px rgba(217,119,6,.3)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;scroll-padding-top:100px}body{background:#0c0c0f;background:var(--primary-bg);color:#fff;color:var(--text-primary);font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.7;overflow-x:hidden;transition:background-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1);transition:background-color var(--transition-normal),color var(--transition-normal)}::selection{background:#7c3aed;background:var(--accent-primary);color:#fff}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;font-weight:700;letter-spacing:-.02em;line-height:1.2}code,pre{font-family:JetBrains Mono,monospace}.container{margin:0 auto;max-width:1280px;padding:0 2rem;padding:0 var(--space-xl)}@media(max-width:768px){.container{padding:0 1rem;padding:0 var(--space-md)}}.section-header{margin-bottom:6rem;margin-bottom:var(--space-4xl);position:relative;text-align:center}.section-header .section-tag{background:linear-gradient(135deg,#7c3aed,#a855f7 50%,#c084fc);background:var(--accent-gradient);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 0 40px rgba(124,58,237,.3);box-shadow:var(--shadow-glow);color:#fff;display:inline-block;font-size:.85rem;font-weight:600;letter-spacing:1px;margin-bottom:1rem;margin-bottom:var(--space-md);padding:.5rem 1rem;padding:var(--space-xs) var(--space-md);text-transform:uppercase}.section-header .section-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff,#7c3aed);background:linear-gradient(135deg,var(--text-primary) 0,var(--accent-primary) 100%);background-clip:text;-webkit-background-clip:text;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;margin-bottom:1rem;margin-bottom:var(--space-md)}.section-header .section-subtitle{color:#b4b4c4;color:var(--text-secondary);font-size:1.15rem;line-height:1.8;margin:0 auto;max-width:600px}.btn{align-items:center;border:none;border-radius:1rem;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;gap:.75rem;gap:var(--space-sm);justify-content:center;overflow:hidden;padding:1rem 3rem;padding:var(--space-md) var(--space-2xl);position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.btn svg{font-size:1.1rem}.btn:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.btn:hover:before{left:100%}.btn.btn-primary{background:linear-gradient(135deg,#7c3aed,#a855f7 50%,#c084fc);background:var(--accent-gradient);box-shadow:0 4px 12px rgba(0,0,0,.4),0 0 40px rgba(124,58,237,.3);box-shadow:var(--shadow-md),var(--shadow-glow);color:#fff}.btn.btn-primary:hover{box-shadow:0 8px 24px rgba(0,0,0,.5),0 0 80px rgba(124,58,237,.4);box-shadow:var(--shadow-lg),var(--shadow-glow-lg);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.btn.btn-primary:active{-webkit-transform:translateY(-1px);transform:translateY(-1px)}.btn.btn-secondary{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:transparent;border:2px solid hsla(0,0%,100%,.08);border:2px solid var(--glass-border);color:#fff;color:var(--text-primary)}.btn.btn-secondary:hover{background:rgba(124,58,237,.1);border-color:#7c3aed;border-color:var(--accent-primary);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.btn.btn-outline{background:transparent;border:2px solid #7c3aed;border:2px solid var(--accent-primary);color:#7c3aed;color:var(--accent-primary)}.btn.btn-outline:hover{background:#7c3aed;background:var(--accent-primary);box-shadow:0 0 40px rgba(124,58,237,.3);box-shadow:var(--shadow-glow);color:#fff;-webkit-transform:translateY(-3px);transform:translateY(-3px)}.navbar{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:rgba(22,22,31,.8);background:var(--glass-bg);border-bottom:1px solid hsla(0,0%,100%,.08);border-bottom:1px solid var(--glass-border);display:flex;height:80px;justify-content:space-between;left:0;padding:0 2rem;padding:0 var(--space-xl);position:fixed;right:0;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal);z-index:1000}.navbar h1{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#7c3aed,#a855f7 50%,#c084fc);background:var(--accent-gradient);background-clip:text;-webkit-background-clip:text;font-size:1.5rem;font-weight:800;letter-spacing:-.02em}.navbar .links{align-items:center;display:flex;gap:.5rem;gap:var(--space-xs)}.navbar .links a{border-radius:.75rem;border-radius:var(--radius-md);color:#b4b4c4;color:var(--text-secondary);font-size:.9rem;font-weight:500;padding:.75rem 1rem;padding:var(--space-sm) var(--space-md);position:relative;text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.navbar .links a:after{background:linear-gradient(135deg,#7c3aed,#a855f7 50%,#c084fc);background:var(--accent-gradient);border-radius:1px;bottom:6px;content:"";height:2px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:width .15s cubic-bezier(.4,0,.2,1);transition:width var(--transition-fast);width:0}.navbar .links a.link-active,.navbar .links a:hover{color:#fff;color:var(--text-primary)}.navbar .links a.link-active:after,.navbar .links a:hover:after{width:20px}.navbar .links a.resume button{background:linear-gradient(135deg,#7c3aed,#a855f7 50%,#c084fc);background:var(--accent-gradient);border:none;border-radius:.75rem;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-family:Outfit,sans-serif;font-weight:600;padding:.75rem 1.5rem;padding:var(--space-sm) var(--space-lg);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.navbar .links a.resume button:hover{box-shadow:0 0 40px rgba(124,58,237,.3);box-shadow:var(--shadow-glow);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.navbar .menu-btn{background:none;border:none;border-radius:.75rem;border-radius:var(--radius-md);color:#fff;color:var(--text-primary);cursor:pointer;display:none;font-size:1.5rem;padding:.75rem;padding:var(--space-sm);transition:background .15s cubic-bezier(.4,0,.2,1);transition:background var(--transition-fast)}.navbar .menu-btn:hover{background:#1e1e2d;background:var(--surface)}.theme-toggle{background:none;border:none;border-radius:.75rem;border-radius:var(--radius-md);cursor:pointer;padding:.75rem;padding:var(--space-sm);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.theme-toggle .toggle-container,.theme-toggle:hover{background:#1e1e2d;background:var(--surface)}.theme-toggle .toggle-container{border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--glass-border);border-radius:14px;height:28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal);width:56px}.theme-toggle .toggle-slider{align-items:center;background:linear-gradient(135deg,#7c3aed,#a855f7 50%,#c084fc);background:var(--accent-gradient);border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,.4);box-shadow:var(--shadow-md);display:flex;height:24px;justify-content:center;position:absolute;top:2px;transition:all .5s cubic-bezier(.34,1.56,.64,1);transition:all var(--transition-spring);width:24px}.theme-toggle .toggle-slider.light{-webkit-transform:translateX(28px);transform:translateX(28px)}.theme-toggle .toggle-slider.dark{-webkit-transform:translateX(2px);transform:translateX(2px)}.theme-toggle .toggle-icon{align-items:center;color:#fff;display:flex;font-size:.85rem;justify-content:center}.hero-section{display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:4rem 0;padding:var(--space-3xl) 0;position:relative}.hero-section .hero-background{inset:0;overflow:hidden;position:absolute;z-index:-1}.hero-section .hero-background .gradient-orb{-webkit-animation:float 20s ease-in-out infinite;animation:float 20s ease-in-out infinite;border-radius:50%;-webkit-filter:blur(80px);filter:blur(80px);opacity:.4;position:absolute}.hero-section .hero-background .gradient-orb.orb-1{-webkit-animation-delay:0s;animation-delay:0s;background:#7c3aed;background:var(--accent-primary);height:400px;right:10%;top:10%;width:400px}.hero-section .hero-background .gradient-orb.orb-2{-webkit-animation-delay:-5s;animation-delay:-5s;background:#a855f7;background:var(--accent-secondary);bottom:20%;height:300px;left:5%;width:300px}.hero-section .hero-background .gradient-orb.orb-3{-webkit-animation-delay:-10s;animation-delay:-10s;background:#ff6b6b;background:var(--accent-coral);height:200px;left:30%;top:50%;width:200px}.hero-section .hero-background .grid-pattern{background-image:linear-gradient(hsla(0,0%,100%,.08) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.08) 1px,transparent 0);background-image:linear-gradient(var(--glass-border) 1px,transparent 1px),linear-gradient(90deg,var(--glass-border) 1px,transparent 1px);background-size:60px 60px;inset:0;mask-image:radial-gradient(ellipse at center,#000 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,#000 20%,transparent 70%);position:absolute}.hero-section .hero-content{grid-gap:6rem;grid-gap:var(--space-4xl);align-items:center;display:grid;gap:6rem;gap:var(--space-4xl);grid-template-columns:1fr 1fr;margin:0 auto;max-width:1280px;padding:0 2rem;padding:0 var(--space-xl)}.hero-section .hero-text{-webkit-animation:fadeInUp .8s ease-out;animation:fadeInUp .8s ease-out}.hero-section .hero-text .hero-badge{align-items:center;background:#1e1e2d;background:var(--surface);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--glass-border);border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;gap:.75rem;gap:var(--space-sm);margin-bottom:1.5rem;margin-bottom:var(--space-lg);padding:.5rem 1rem;padding:var(--space-xs) var(--space-md)}.hero-section .hero-text .hero-badge .badge-dot{-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite;background:#10b981;background:var(--success);border-radius:50%;height:8px;width:8px}.hero-section .hero-text .hero-badge span{color:#b4b4c4;color:var(--text-secondary);font-size:.85rem;font-weight:500}.hero-section .hero-text .hero-greeting{align-items:center;color:#b4b4c4;color:var(--text-secondary);display:flex;font-size:1.2rem;gap:.75rem;gap:var(--space-sm);margin-bottom:.75rem;margin-bottom:var(--space-sm)}.hero-section .hero-text .hero-greeting .wave{-webkit-animation:wave 2.5s infinite;animation:wave 2.5s infinite;font-size:1.8rem;-webkit-transform-origin:70% 70%;transform-origin:70% 70%}.hero-section .hero-text .hero-name{display:flex;font-size:clamp(3rem,7vw,5rem);font-weight:800;gap:30px;line-height:1.05;margin-bottom:1rem;margin-bottom:var(--space-md)}.hero-section .hero-text .hero-name .name-line{display:block}.hero-section .hero-text .hero-name .name-line.accent{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#7c3aed,#a855f7 50%,#c084fc);background:var(--accent-gradient);background-clip:text;-webkit-background-clip:text}.hero-section .hero-text .hero-title{display:flex;flex-wrap:wrap;font-size:clamp(1.3rem,3vw,1.8rem);font-weight:600;gap:.75rem;gap:var(--space-sm);margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.hero-section .hero-text .hero-title,.hero-section .hero-text .hero-title .title-static{color:#b4b4c4;color:var(--text-secondary)}.hero-section .hero-text .hero-title .title-animated{color:#7c3aed;color:var(--accent-primary);position:relative}.hero-section .hero-text .hero-title .title-animated:after{background:linear-gradient(135deg,#7c3aed,#a855f7 50%,#c084fc);background:var(--accent-gradient);border-radius:2px;bottom:-4px;content:"";height:3px;left:0;position:absolute;width:100%}.hero-section .hero-text .hero-description{color:#b4b4c4;color:var(--text-secondary);font-size:1.1rem;line-height:1.8;margin-bottom:2rem;margin-bottom:var(--space-xl);max-width:500px}.hero-section .hero-text .hero-description strong{color:#7c3aed;color:var(--accent-primary);font-weight:600}.hero-section .hero-text .tech-stack-preview{align-items:center;display:flex;gap:1.5rem;gap:var(--space-lg);margin-bottom:2rem;margin-bottom:var(--space-xl)}.hero-section .hero-text .tech-stack-preview .tech-label{color:#6b6b7b;color:var(--text-muted);font-size:.85rem;font-weight:500;letter-spacing:1px;text-transform:uppercase}.hero-section .hero-text .tech-stack-preview .tech-icons{display:flex;gap:.75rem;gap:var(--space-sm)}.hero-section .hero-text .tech-stack-preview .tech-icons .tech-icon{align-items:center;background:#1e1e2d;background:var(--surface);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--glass-border);border-radius:.75rem;border-radius:var(--radius-md);color:#b4b4c4;color:var(--text-secondary);display:flex;font-size:1.3rem;height:44px;justify-content:center;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:44px}.hero-section .hero-text .tech-stack-preview .tech-icons .tech-icon:hover{border-color:#7c3aed;border-color:var(--accent-primary);color:#7c3aed;color:var(--accent-primary);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.hero-section .hero-text .hero-stats{align-items:center;background:#1e1e2d;background:var(--surface);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--glass-border);border-radius:1.5rem;border-radius:var(--radius-xl);display:flex;gap:1.5rem;gap:var(--space-lg);margin-bottom:2rem;margin-bottom:var(--space-xl);padding:1.5rem;padding:var(--space-lg)}.hero-section .hero-text .hero-stats .stat-item{align-items:center;display:flex;flex:1 1;flex-direction:column;text-align:center}.hero-section .hero-text .hero-stats .stat-item .stat-number{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#7c3aed,#a855f7 50%,#c084fc);background:var(--accent-gradient);background-clip:text;-webkit-background-clip:text;font-size:2rem;font-weight:800}.hero-section .hero-text .hero-stats .stat-item .stat-label{color:#6b6b7b;color:var(--text-muted);font-size:.85rem;font-weight:500}.hero-section .hero-text .hero-stats .stat-divider{background:hsla(0,0%,100%,.08);background:var(--glass-border);height:40px;width:1px}.hero-section .hero-text .hero-buttons{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-md);margin-bottom:2rem;margin-bottom:var(--space-xl)}.hero-section .hero-text .hero-social{display:flex;gap:.75rem;gap:var(--space-sm)}.hero-section .hero-text .hero-social a{align-items:center;background:#1e1e2d;background:var(--surface);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--glass-border);border-radius:.75rem;border-radius:var(--radius-md);color:#b4b4c4;color:var(--text-secondary);display:flex;font-size:1.2rem;height:48px;justify-content:center;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:48px}.hero-section .hero-text .hero-social a:hover{background:linear-gradient(135deg,#7c3aed,#a855f7 50%,#c084fc);background:var(--accent-gradient);border-color:transparent;box-shadow:0 0 40px rgba(124,58,237,.3);box-shadow:var(--shadow-glow);color:#fff;-webkit-transform:translateY(-3px);transform:translateY(-3px)}.hero-section .hero-image{align-items:center;-webkit-animation:fadeInRight .8s ease-out;animation:fadeInRight .8s ease-out;display:flex;justify-content:center;position:relative}.hero-section .hero-image .image-container{position:relative}.hero-section .hero-image .image-container .image-glow{-webkit-animation:pulse 4s ease-in-out infinite;animation:pulse 4s ease-in-out infinite;background:linear-gradient(135deg,#7c3aed,#a855f7 50%,#c084fc);background:var(--accent-gradient);border-radius:50%;-webkit-filter:blur(60px);filter:blur(60px);inset:-20px;opacity:.3;position:absolute}.hero-section .hero-image .image-container .home-img{border:4px solid #7c3aed;border:4px solid var(--accent-primary);border-radius:50%;box-shadow:0 16px 48px rgba(0,0,0,.6);box-shadow:var(--shadow-xl);height:clamp(280px,30vw,400px);object-fit:cover;position:relative;transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1);transition:transform .3s cubic-bezier(.4,0,.2,1);transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1);transition:-webkit-transform var(--transition-normal);transition:transform var(--transition-normal);transition:transform var(--transition-normal),-webkit-transform var(--transition-normal);width:clamp(280px,30vw,400px);z-index:2}.hero-section .hero-image .image-container .home-img:hover{-webkit-transform:scale(1.03);transform:scale(1.03)}.hero-section .hero-image .image-container .image-ring{-webkit-animation:spin 30s linear infinite;animation:spin 30s linear infinite;border:2px dashed #a855f7;border:2px dashed var(--accent-secondary);border-radius:50%;inset:-15px;opacity:.5;position:absolute}.hero-section .hero-image .image-container .image-ring.ring-2{animation-direction:reverse;-webkit-animation-duration:40s;animation-duration:40s;border-color:#c084fc;border-color:var(--accent-tertiary);inset:-30px}.hero-section .hero-image .floating-card{-webkit-animation:float 6s ease-in-out infinite;animation:float 6s ease-in-out infinite;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:#16161f;background:var(--card-bg);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--glass-border);border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 8px 24px rgba(0,0,0,.5);box-shadow:var(--shadow-lg);padding:1rem;padding:var(--space-md);position:absolute}.hero-section .hero-image .floating-card.card-experience{align-items:center;-webkit-animation-delay:-2s;animation-delay:-2s;display:flex;gap:.75rem;gap:var(--space-sm);right:-10%;top:10%}.hero-section .hero-image .floating-card.card-experience .card-icon{align-items:center;background:linear-gradient(135deg,#7c3aed,#a855f7 50%,#c084fc);background:var(--accent-gradient);border-radius:.75rem;border-radius:var(--radius-md);color:#fff;display:flex;font-size:1rem;height:40px;justify-content:center;width:40px}.hero-section .hero-image .floating-card.card-experience .card-content .card-number{color:#fff;color:var(--text-primary);display:block;font-size:1.2rem;font-weight:800}.hero-section .hero-image .floating-card.card-experience .card-content .card-text{color:#6b6b7b;color:var(--text-muted);font-size:.75rem}.hero-section .hero-image .floating-card.card-status{align-items:center;bottom:15%;display:flex;gap:.75rem;gap:var(--space-sm);left:-5%}.hero-section .hero-image .floating-card.card-status .status-dot{-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite;background:#10b981;background:var(--success);border-radius:50%;height:10px;width:10px}.hero-section .hero-image .floating-card.card-status span{color:#b4b4c4;color:var(--text-secondary);font-size:.85rem;font-weight:500}.hero-section .scroll-indicator{align-items:center;-webkit-animation:fadeInUp 1s ease-out .5s both;animation:fadeInUp 1s ease-out .5s both;bottom:40px;display:flex;flex-direction:column;gap:.75rem;gap:var(--space-sm);left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.hero-section .scroll-indicator .scroll-mouse{border:2px solid #6b6b7b;border:2px solid var(--text-muted);border-radius:12px;height:40px;position:relative;width:24px}.hero-section .scroll-indicator .scroll-mouse .scroll-wheel{-webkit-animation:scroll 2s infinite;animation:scroll 2s infinite;background:#7c3aed;background:var(--accent-primary);border-radius:2px;height:8px;left:50%;position:absolute;top:8px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:4px}.hero-section .scroll-indicator span{color:#6b6b7b;color:var(--text-muted);font-size:.75rem;letter-spacing:1px;text-transform:uppercase}.about.section{background:#12121a;background:var(--secondary-bg);padding:6rem 0;padding:var(--space-4xl) 0;position:relative}.about.section:before{background:linear-gradient(90deg,transparent,#7c3aed,transparent);background:linear-gradient(90deg,transparent,var(--accent-primary),transparent);content:"";height:1px;left:0;position:absolute;right:0;top:0}.about.section .about-content{grid-gap:6rem;grid-gap:var(--space-4xl);align-items:start;display:grid;gap:6rem;gap:var(--space-4xl);grid-template-columns:1fr 1.2fr}.about.section .about-content .about-image{position:-webkit-sticky;position:sticky;top:100px}.about.section .about-content .about-image .image-wrapper{position:relative}.about.section .about-content .about-image .image-wrapper .image-background{background:linear-gradient(135deg,#7c3aed,#a855f7 50%,#c084fc);background:var(--accent-gradient);border-radius:2rem;border-radius:var(--radius-2xl);inset:20px -20px -20px 20px;opacity:.1;position:absolute}.about.section .about-content .about-image .image-wrapper .about_img{border-radius:2rem;border-radius:var(--radius-2xl);box-shadow:0 16px 48px rgba(0,0,0,.6);box-shadow:var(--shadow-xl);max-width:400px;position:relative;width:100%;z-index:1}.about.section .about-content .about-image .image-wrapper .image-dots{background-image:radial-gradient(#7c3aed 2px,transparent 0);background-image:radial-gradient(var(--accent-primary) 2px,transparent 2px);background-size:15px 15px;bottom:-30px;height:120px;opacity:.3;position:absolute;right:-30px;width:120px}.about.section .about-content .about-image .image-wrapper .experience-badge{background:linear-gradient(135deg,#7c3aed,#a855f7 50%,#c084fc);background:var(--accent-gradient);border-radius:1.5rem;border-radius:var(--radius-xl);bottom:30px;box-shadow:0 0 80px rgba(124,58,237,.4);box-shadow:var(--shadow-glow-lg);color:#fff;padding:1.5rem;padding:var(--space-lg);position:absolute;right:-20px;text-align:center;z-index:2}.about.section .about-content .about-image .image-wrapper .experience-badge .exp-number{display:block;font-size:2.5rem;font-weight:800;line-height:1}.about.section .about-content .about-image .image-wrapper .experience-badge .exp-text{font-size:.85rem;font-weight:500;opacity:.9}.about.section .about-content .about-image .quick-stats{display:flex;flex-direction:column;gap:1rem;gap:var(--space-md);margin-top:2rem;margin-top:var(--space-xl)}.about.section .about-content .about-image .quick-stats .quick-stat-item{align-items:center;background:#16161f;background:var(--card-bg);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--glass-border);border-radius:1rem;border-radius:var(--radius-lg);display:flex;gap:1rem;gap:var(--space-md);padding:1rem;padding:var(--space-md);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.about.section .about-content .about-image .quick-stats .quick-stat-item:hover{border-color:#7c3aed;border-color:var(--accent-primary);-webkit-transform:translateX(5px);transform:translateX(5px)}.about.section .about-content .about-image .quick-stats .quick-stat-item .stat-icon{align-items:center;background:linear-gradient(135deg,#7c3aed,#a855f7 50%,#c084fc);background:var(--accent-gradient);border-radius:.75rem;border-radius:var(--radius-md);color:#fff;display:flex;font-size:1.1rem;height:44px;justify-content:center;width:44px}.about.section .about-content .about-image .quick-stats .quick-stat-item .stat-info h4{color:#fff;color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:2px}.about.section .about-content .about-image .quick-stats .quick-stat-item .stat-info p{color:#6b6b7b;color:var(--text-muted);font-size:.85rem;margin:0}.about.section .about-content .about-text .about-intro{margin-bottom:3rem;margin-bottom:var(--space-2xl)}.about.section .about-content .about-text .about-intro h3{color:#fff;color:var(--text-primary);font-size:1.8rem;font-weight:700;line-height:1.3;margin-bottom:1rem;margin-bottom:var(--space-md)}.about.section .about-content .about-text .about-intro h3 .highlight{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#7c3aed,#a855f7 50%,#c084fc);background:var(--accent-gradient);background-clip:text;-webkit-background-clip:text;display:block;font-size:1.5rem;margin-top:.5rem;margin-top:var(--space-xs)}.about.section .about-content .about-text .about-intro .my-details{color:#b4b4c4;color:var(--text-secondary);font-size:1.1rem;line-height:1.9}.about.section .about-content .about-text .about-intro .my-details strong{color:#7c3aed;color:var(--accent-primary)}.about.section .about-content .about-text .mern-stack-highlight{background:#16161f;background:var(--card-bg);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--glass-border);border-radius:1.5rem;border-radius:var(--radius-xl);margin-bottom:3rem;margin-bottom:var(--space-2xl);padding:2rem;padding:var(--space-xl)}.about.section .about-content .about-text .mern-stack-highlight h4{color:#fff;color:var(--text-primary);font-size:1rem;font-weight:600;letter-spacing:1px;margin-bottom:1.5rem;margin-bottom:var(--space-lg);text-transform:uppercase}.about.section .about-content .about-text .mern-stack-highlight .stack-icons{display:flex;gap:1rem;gap:var(--space-md);justify-content:space-between}.about.section .about-content .about-text .mern-stack-highlight .stack-icons .stack-item{align-items:center;background:#1e1e2d;background:var(--surface);border-radius:1rem;border-radius:var(--radius-lg);display:flex;flex:1 1;flex-direction:column;gap:.75rem;gap:var(--space-sm);padding:1rem;padding:var(--space-md);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.about.section .about-content .about-text .mern-stack-highlight .stack-icons .stack-item:hover{box-shadow:0 8px 24px rgba(0,0,0,.5);box-shadow:var(--shadow-lg);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.about.section .about-content .about-text .mern-stack-highlight .stack-icons .stack-item svg{color:#7c3aed;color:var(--accent-primary);font-size:2.5rem}.about.section .about-content .about-text .mern-stack-highlight .stack-icons .stack-item span{color:#b4b4c4;color:var(--text-secondary);font-size:.85rem;font-weight:500}.about.section .about-content .about-text .about-skills-overview{display:flex;flex-direction:column;gap:1rem;gap:var(--space-md);margin-bottom:3rem;margin-bottom:var(--space-2xl)}.about.section .about-content .about-text .about-skills-overview .skill-category{align-items:center;background:#16161f;background:var(--card-bg);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--glass-border);border-radius:1rem;border-radius:var(--radius-lg);display:flex;gap:1rem;gap:var(--space-md);padding:1.5rem;padding:var(--space-lg);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.about.section .about-content .about-text .about-skills-overview .skill-category:hover{border-color:#7c3aed;border-color:var(--accent-primary);-webkit-transform:translateX(5px);transform:translateX(5px)}.about.section .about-content .about-text .about-skills-overview .skill-category .skill-icon{align-items:center;background:linear-gradient(135deg,#7c3aed,#a855f7 50%,#c084fc);background:var(--accent-gradient);border-radius:.75rem;border-radius:var(--radius-md);color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;height:50px;justify-content:center;width:50px}.about.section .about-content .about-text .about-skills-overview .skill-category .skill-info h4{color:#fff;color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:4px}.about.section .about-content .about-text .about-skills-overview .skill-category .skill-info p{color:#6b6b7b;color:var(--text-muted);font-size:.9rem;margin:0}.about.section .about-content .about-text .about-description{margin-bottom:3rem;margin-bottom:var(--space-2xl)}.about.section .about-content .about-text .about-description p{color:#b4b4c4;color:var(--text-secondary);font-size:1.05rem;line-height:1.9;margin-bottom:1rem;margin-bottom:var(--space-md)}.about.section .about-content .about-text .about-description p strong{color:#fff;color:var(--text-primary)}.about.section .about-content .about-text .about-description p:last-child{margin-bottom:0}.about.section .about-content .about-text .about-cta{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-md)}.skills-section{padding:6rem 0;padding:var(--space-4xl) 0;position:relative}.skills-section .skills-content{display:flex;flex-direction:column;gap:6rem;gap:var(--space-4xl)}.skills-section .skills-content .skill-category-section .category-title{color:#fff;color:var(--text-primary);display:inline-block;font-size:1.5rem;font-weight:700;margin-bottom:2rem;margin-bottom:var(--space-xl);position:relative;text-align:center;width:100%}.skills-section .skills-content .skill-category-section .category-title:before{background:linear-gradient(135deg,#7c3aed,#a855f7 50%,#c084fc);background:var(--accent-gradient);border-radius:2px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:60px}.skills-section .skills-content .skill-category-section .skills-grid{grid-gap:1.5rem;grid-gap:var(--space-lg);display:grid;gap:1.5rem;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.skills-section .skills-card{align-items:center;-webkit-animation:fadeInUp .5s ease-out;animation:fadeInUp .5s ease-out;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-delay:var(--animation-delay,0s);animation-delay:var(--animation-delay,0s);-webkit-animation-fill-mode:both;animation-fill-mode:both;background:#16161f;background:var(--card-bg);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--glass-border);border-radius:1.5rem;border-radius:var(--radius-xl);display:flex;flex-direction:column;padding:2rem;padding:var(--space-xl);text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.skills-section .skills-card:hover{border-color:#7c3aed;border-color:var(--skill-color,var(--accent-primary));box-shadow:0 8px 24px rgba(0,0,0,.5),0 0 30px color-mix(in srgb,#7c3aed 30%,transparent);box-shadow:var(--shadow-lg),0 0 30px color-mix(in srgb,var(--skill-color,var(--accent-primary)) 30%,transparent);-webkit-transform:translateY(-8px);transform:translateY(-8px)}.skills-section .skills-card .skills-card-img{color:#7c3aed;color:var(--skill-color,var(--accent-primary));font-size:3rem;margin-bottom:1rem;margin-bottom:var(--space-md);transition:-webkit-transform .15s cubic-bezier(.4,0,.2,1);transition:transform .15s cubic-bezier(.4,0,.2,1);transition:transform .15s cubic-bezier(.4,0,.2,1),-webkit-transform .15s cubic-bezier(.4,0,.2,1);transition:-webkit-transform var(--transition-fast);transition:transform var(--transition-fast);transition:transform var(--transition-fast),-webkit-transform var(--transition-fast)}.skills-section .skills-card:hover .skills-card-img{-webkit-transform:scale(1.1);transform:scale(1.1)}.skills-section .skills-card .skill-info{align-items:center;display:flex;flex-direction:column;gap:.75rem;gap:var(--space-sm);width:100%}.skills-section .skills-card .skill-info .skills-card-name{color:#fff;color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0}.skills-section .skills-card .skill-info .skill-level{align-items:center;display:flex;gap:.75rem;gap:var(--space-sm);width:100%}.skills-section .skills-card .skill-info .skill-level .skill-bar{background:#1e1e2d;background:var(--surface);border-radius:3px;flex:1 1;height:6px;overflow:hidden}.skills-section .skills-card .skill-info .skill-level .skill-bar .skill-progress{background:linear-gradient(135deg,#7c3aed,#a855f7 50%,#c084fc);background:var(--accent-gradient);border-radius:3px;height:100%;transition:width 1s ease-out}.skills-section .skills-card .skill-info .skill-level .skill-percentage{color:#6b6b7b;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:600;min-width:40px}.skills-section .skills-summary{grid-gap:2rem;grid-gap:var(--space-xl);display:grid;gap:2rem;gap:var(--space-xl);grid-template-columns:repeat(3,1fr);margin-top:6rem;margin-top:var(--space-4xl)}.skills-section .skills-summary .summary-card{align-items:center;background:#16161f;background:var(--card-bg);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--glass-border);border-radius:1.5rem;border-radius:var(--radius-xl);display:flex;gap:1.5rem;gap:var(--space-lg);padding:2rem;padding:var(--space-xl);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.skills-section .skills-summary .summary-card:hover{border-color:#7c3aed;border-color:var(--accent-primary);box-shadow:0 8px 24px rgba(0,0,0,.5);box-shadow:var(--shadow-lg);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.skills-section .skills-summary .summary-card .summary-number{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#7c3aed,#a855f7 50%,#c084fc);background:var(--accent-gradient);background-clip:text;-webkit-background-clip:text;font-size:3rem;font-weight:800;line-height:1}.skills-section .skills-summary .summary-card .summary-content h4{color:#fff;color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:4px}.skills-section .skills-summary .summary-card .summary-content p{color:#6b6b7b;color:var(--text-muted);font-size:.9rem;margin:0}.projects-section{background:#12121a;background:var(--secondary-bg);overflow:hidden;padding:6rem 0;padding:var(--space-4xl) 0;position:relative}.projects-section:before{background:linear-gradient(90deg,transparent,#7c3aed,transparent);background:linear-gradient(90deg,transparent,var(--accent-primary),transparent);content:"";height:1px;left:0;position:absolute;right:0;top:0}.projects-section .featured-showcase{margin-bottom:6rem;margin-bottom:var(--space-4xl)}.projects-section .featured-showcase .project-tabs{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-md);justify-content:center;margin-bottom:3rem;margin-bottom:var(--space-2xl)}.projects-section .featured-showcase .project-tabs .project-tab{align-items:flex-start;background:#16161f;background:var(--card-bg);border:2px solid hsla(0,0%,100%,.08);border:2px solid var(--glass-border);border-radius:1.5rem;border-radius:var(--radius-xl);cursor:pointer;display:flex;flex-direction:column;gap:4px;min-width:200px;overflow:hidden;padding:1.5rem 2rem;padding:var(--space-lg) var(--space-xl);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.projects-section .featured-showcase .project-tabs .project-tab:before{background:#7c3aed;background:var(--accent-color,var(--accent-primary));content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .15s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-fast);width:4px}.projects-section .featured-showcase .project-tabs .project-tab .tab-number{color:#7c3aed;color:var(--accent-color,var(--accent-primary));font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:600}.projects-section .featured-showcase .project-tabs .project-tab .tab-title{color:#fff;color:var(--text-primary);font-size:1.1rem;font-weight:700}.projects-section .featured-showcase .project-tabs .project-tab .tab-category{color:#6b6b7b;color:var(--text-muted);font-size:.8rem}.projects-section .featured-showcase .project-tabs .project-tab:hover{border-color:#7c3aed;border-color:var(--accent-color,var(--accent-primary));box-shadow:0 10px 30px -10px rgba(0,0,0,.3);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.projects-section .featured-showcase .project-tabs .project-tab.active{background:linear-gradient(135deg,#16161f,color-mix(in srgb,#7c3aed 8%,#16161f));background:linear-gradient(135deg,var(--card-bg) 0,color-mix(in srgb,var(--accent-color,var(--accent-primary)) 8%,var(--card-bg)) 100%);border-color:#7c3aed;border-color:var(--accent-color,var(--accent-primary))}.projects-section .featured-showcase .project-tabs .project-tab.active:before{opacity:1}.projects-section .featured-showcase .project-display{min-height:500px;position:relative}.projects-section .featured-showcase .project-display .project-showcase{align-items:center;-webkit-animation:fadeInUp .5s ease-out;animation:fadeInUp .5s ease-out;display:none;gap:4rem;gap:var(--space-3xl);grid-template-columns:1.1fr 1fr}.projects-section .featured-showcase .project-display .project-showcase.active{display:grid}.projects-section .featured-showcase .project-display .project-showcase .showcase-images,.projects-section .featured-showcase .project-display .project-showcase .showcase-images .image-wrapper{position:relative}.projects-section .featured-showcase .project-display .project-showcase .showcase-images .image-wrapper .image-glow{-webkit-animation:pulse 4s ease-in-out infinite;animation:pulse 4s ease-in-out infinite;border-radius:2rem;border-radius:var(--radius-2xl);-webkit-filter:blur(60px);filter:blur(60px);inset:-30px;opacity:.2;position:absolute;z-index:0}.projects-section .featured-showcase .project-display .project-showcase .showcase-images .image-wrapper .main-image{border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--glass-border);border-radius:2rem;border-radius:var(--radius-2xl);box-shadow:0 16px 48px rgba(0,0,0,.6);box-shadow:var(--shadow-xl);overflow:hidden;position:relative;z-index:2}.projects-section .featured-showcase .project-display .project-showcase .showcase-images .image-wrapper .main-image img{aspect-ratio:16/9;object-fit:cover;transition:-webkit-transform .5s cubic-bezier(.4,0,.2,1);transition:transform .5s cubic-bezier(.4,0,.2,1);transition:transform .5s cubic-bezier(.4,0,.2,1),-webkit-transform .5s cubic-bezier(.4,0,.2,1);transition:-webkit-transform var(--transition-slow);transition:transform var(--transition-slow);transition:transform var(--transition-slow),-webkit-transform var(--transition-slow);width:100%}.projects-section .featured-showcase .project-display .project-showcase .showcase-images .image-wrapper .main-image:hover img{-webkit-transform:scale(1.03);transform:scale(1.03)}.projects-section .featured-showcase .project-display .project-showcase .showcase-images .image-wrapper .secondary-image{border-radius:1.5rem;border-radius:var(--radius-xl);bottom:-30px;box-shadow:0 16px 48px rgba(0,0,0,.6);box-shadow:var(--shadow-xl);overflow:hidden;position:absolute;right:-30px;transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1);transition:transform .3s cubic-bezier(.4,0,.2,1);transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1);transition:-webkit-transform var(--transition-normal);transition:transform var(--transition-normal);transition:transform var(--transition-normal),-webkit-transform var(--transition-normal);width:180px;z-index:3}.projects-section .featured-showcase .project-display .project-showcase .showcase-images .image-wrapper .secondary-image img{display:block;height:auto;width:100%}.projects-section .featured-showcase .project-display .project-showcase .showcase-images .image-wrapper .secondary-image:hover{-webkit-transform:translateY(-5px) scale(1.05);transform:translateY(-5px) scale(1.05)}.projects-section .featured-showcase .project-display .project-showcase .showcase-images .image-wrapper .image-decoration{align-items:center;-webkit-animation:float 4s ease-in-out infinite;animation:float 4s ease-in-out infinite;background:#7c3aed;background:var(--accent-color,var(--accent-primary));border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 8px 24px rgba(0,0,0,.5);box-shadow:var(--shadow-lg);color:#fff;display:flex;font-size:1.5rem;height:60px;justify-content:center;left:-20px;position:absolute;top:-20px;width:60px;z-index:4}.projects-section .featured-showcase .project-display .project-showcase .showcase-images .project-quick-stats{display:flex;gap:1rem;gap:var(--space-md);margin-top:4rem;margin-top:var(--space-3xl)}.projects-section .featured-showcase .project-display .project-showcase .showcase-images .project-quick-stats .quick-stat{background:#16161f;background:var(--card-bg);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--glass-border);border-radius:1rem;border-radius:var(--radius-lg);flex:1 1;padding:1.5rem;padding:var(--space-lg);text-align:center;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.projects-section .featured-showcase .project-display .project-showcase .showcase-images .project-quick-stats .quick-stat:hover{border-color:#7c3aed;border-color:var(--accent-color,var(--accent-primary));-webkit-transform:translateY(-3px);transform:translateY(-3px)}.projects-section .featured-showcase .project-display .project-showcase .showcase-images .project-quick-stats .quick-stat .stat-value{color:#7c3aed;color:var(--accent-color,var(--accent-primary));display:block;font-size:2rem;font-weight:800;line-height:1;margin-bottom:4px}.projects-section .featured-showcase .project-display .project-showcase .showcase-images .project-quick-stats .quick-stat .stat-label{color:#6b6b7b;color:var(--text-muted);font-size:.85rem}.projects-section .featured-showcase .project-display .project-showcase .showcase-content .content-header{align-items:center;display:flex;gap:1rem;gap:var(--space-md);margin-bottom:1rem;margin-bottom:var(--space-md)}.projects-section .featured-showcase .project-display .project-showcase .showcase-content .content-header .project-number{color:#6b6b7b;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:500}.projects-section .featured-showcase .project-display .project-showcase .showcase-content .content-header .project-category{border-radius:9999px;border-radius:var(--radius-full);color:#fff;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:1px;padding:6px 1rem;padding:6px var(--space-md);text-transform:uppercase}.projects-section .featured-showcase .project-display .project-showcase .showcase-content .project-title{color:#fff;color:var(--text-primary);font-size:clamp(2rem,4vw,2.8rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.projects-section .featured-showcase .project-display .project-showcase .showcase-content .project-description{color:#b4b4c4;color:var(--text-secondary);font-size:1.1rem;line-height:1.8;margin-bottom:2rem;margin-bottom:var(--space-xl)}.projects-section .featured-showcase .project-display .project-showcase .showcase-content .project-features{margin-bottom:2rem;margin-bottom:var(--space-xl)}.projects-section .featured-showcase .project-display .project-showcase .showcase-content .project-features h4{color:#6b6b7b;color:var(--text-muted);font-size:.85rem;font-weight:600;letter-spacing:1px;margin-bottom:1rem;margin-bottom:var(--space-md);text-transform:uppercase}.projects-section .featured-showcase .project-display .project-showcase .showcase-content .project-features .features-list{display:flex;flex-wrap:wrap;gap:.75rem;gap:var(--space-sm)}.projects-section .featured-showcase .project-display .project-showcase .showcase-content .project-features .features-list .feature-item{align-items:center;background:#1e1e2d;background:var(--surface);border-radius:.75rem;border-radius:var(--radius-md);color:#fff;color:var(--text-primary);display:flex;font-size:.9rem;gap:.75rem;gap:var(--space-sm);padding:.75rem 1rem;padding:var(--space-sm) var(--space-md)}.projects-section .featured-showcase .project-display .project-showcase .showcase-content .project-features .features-list .feature-item .feature-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.projects-section .featured-showcase .project-display .project-showcase .showcase-content .project-tech{margin-bottom:2rem;margin-bottom:var(--space-xl)}.projects-section .featured-showcase .project-display .project-showcase .showcase-content .project-tech h4{color:#6b6b7b;color:var(--text-muted);font-size:.85rem;font-weight:600;letter-spacing:1px;margin-bottom:1rem;margin-bottom:var(--space-md);text-transform:uppercase}.projects-section .featured-showcase .project-display .project-showcase .showcase-content .project-tech .tech-list{display:flex;flex-wrap:wrap;gap:.75rem;gap:var(--space-sm)}.projects-section .featured-showcase .project-display .project-showcase .showcase-content .project-tech .tech-list .tech-item{align-items:center;background:#16161f;background:var(--card-bg);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--glass-border);border-radius:.75rem;border-radius:var(--radius-md);display:flex;gap:.75rem;gap:var(--space-sm);padding:.75rem 1rem;padding:var(--space-sm) var(--space-md);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.projects-section .featured-showcase .project-display .project-showcase .showcase-content .project-tech .tech-list .tech-item:hover{border-color:#7c3aed;border-color:var(--accent,var(--accent-primary));-webkit-transform:translateY(-2px);transform:translateY(-2px)}.projects-section .featured-showcase .project-display .project-showcase .showcase-content .project-tech .tech-list .tech-item .tech-icon{color:#7c3aed;color:var(--accent,var(--accent-primary));display:flex;font-size:1.3rem}.projects-section .featured-showcase .project-display .project-showcase .showcase-content .project-tech .tech-list .tech-item .tech-name{color:#fff;color:var(--text-primary);font-size:.9rem;font-weight:500}.projects-section .featured-showcase .project-display .project-showcase .showcase-content .project-actions{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-md)}.projects-section .featured-showcase .project-display .project-showcase .showcase-content .project-actions .action-btn{align-items:center;border-radius:1rem;border-radius:var(--radius-lg);display:inline-flex;font-size:.95rem;font-weight:600;gap:.75rem;gap:var(--space-sm);padding:1rem 2rem;padding:var(--space-md) var(--space-xl);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.projects-section .featured-showcase .project-display .project-showcase .showcase-content .project-actions .action-btn.primary{box-shadow:0 4px 12px rgba(0,0,0,.4);box-shadow:var(--shadow-md);color:#fff}.projects-section .featured-showcase .project-display .project-showcase .showcase-content .project-actions .action-btn.primary:hover{box-shadow:0 8px 24px rgba(0,0,0,.5),0 0 30px color-mix(in srgb,#7c3aed 40%,transparent);box-shadow:var(--shadow-lg),0 0 30px color-mix(in srgb,var(--accent-color,var(--accent-primary)) 40%,transparent);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.projects-section .featured-showcase .project-display .project-showcase .showcase-content .project-actions .action-btn.secondary{background:#1e1e2d;background:var(--surface);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--glass-border);color:#fff;color:var(--text-primary)}.projects-section .featured-showcase .project-display .project-showcase .showcase-content .project-actions .action-btn.secondary:hover{border-color:#6b6b7b;border-color:var(--text-muted);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.projects-section .featured-showcase .project-progress{display:flex;gap:.75rem;gap:var(--space-sm);justify-content:center;margin-top:3rem;margin-top:var(--space-2xl)}.projects-section .featured-showcase .project-progress .progress-dot{background:#1e1e2d;background:var(--surface);border:2px solid hsla(0,0%,100%,.08);border:2px solid var(--glass-border);border-radius:50%;cursor:pointer;height:12px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:12px}.projects-section .featured-showcase .project-progress .progress-dot:hover{border-color:#7c3aed;border-color:var(--accent,var(--accent-primary))}.projects-section .featured-showcase .project-progress .progress-dot.active{background:#7c3aed;background:var(--accent,var(--accent-primary));border-color:#7c3aed;border-color:var(--accent,var(--accent-primary));-webkit-transform:scale(1.2);transform:scale(1.2)}.projects-section .other-projects .other-projects-header{margin-bottom:3rem;margin-bottom:var(--space-2xl);text-align:center}.projects-section .other-projects .other-projects-header .subsection-title{color:#fff;color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:.75rem;margin-bottom:var(--space-sm)}.projects-section .other-projects .other-projects-header .subsection-description{color:#6b6b7b;color:var(--text-muted);font-size:1rem}.projects-section .other-projects .projects-grid{grid-gap:2rem;grid-gap:var(--space-xl);display:grid;gap:2rem;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.projects-section .other-projects .projects-grid .project-card{-webkit-animation:fadeInUp .5s ease-out;animation:fadeInUp .5s ease-out;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-delay:var(--delay,0s);animation-delay:var(--delay,0s);-webkit-animation-fill-mode:both;animation-fill-mode:both;background:#16161f;background:var(--card-bg);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--glass-border);border-radius:1.5rem;border-radius:var(--radius-xl);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.projects-section .other-projects .projects-grid .project-card:hover{border-color:#7c3aed;border-color:var(--accent-color,var(--accent-primary));box-shadow:0 8px 24px rgba(0,0,0,.5),0 0 30px color-mix(in srgb,#7c3aed 20%,transparent);box-shadow:var(--shadow-lg),0 0 30px color-mix(in srgb,var(--accent-color,var(--accent-primary)) 20%,transparent);-webkit-transform:translateY(-8px);transform:translateY(-8px)}.projects-section .other-projects .projects-grid .project-card:hover .card-overlay{opacity:1}.projects-section .other-projects .projects-grid .project-card:hover .card-image img{-webkit-transform:scale(1.1);transform:scale(1.1)}.projects-section .other-projects .projects-grid .project-card:hover .card-link{color:#7c3aed;color:var(--accent-color,var(--accent-primary))}.projects-section .other-projects .projects-grid .project-card:hover .card-link svg{-webkit-transform:translateX(4px);transform:translateX(4px)}.projects-section .other-projects .projects-grid .project-card .card-image{height:200px;overflow:hidden;position:relative}.projects-section .other-projects .projects-grid .project-card .card-image img{height:100%;object-fit:cover;transition:-webkit-transform .5s cubic-bezier(.4,0,.2,1);transition:transform .5s cubic-bezier(.4,0,.2,1);transition:transform .5s cubic-bezier(.4,0,.2,1),-webkit-transform .5s cubic-bezier(.4,0,.2,1);transition:-webkit-transform var(--transition-slow);transition:transform var(--transition-slow);transition:transform var(--transition-slow),-webkit-transform var(--transition-slow);width:100%}.projects-section .other-projects .projects-grid .project-card .card-image .card-overlay{align-items:center;background:linear-gradient(135deg,color-mix(in srgb,#7c3aed 90%,#000),color-mix(in srgb,#7c3aed 70%,#000));background:linear-gradient(135deg,color-mix(in srgb,var(--accent-color,var(--accent-primary)) 90%,#000) 0,color-mix(in srgb,var(--accent-color,var(--accent-primary)) 70%,#000) 100%);display:flex;gap:1rem;gap:var(--space-md);inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .3s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-normal)}.projects-section .other-projects .projects-grid .project-card .card-image .card-overlay .overlay-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.15);border:2px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:1.1rem;height:50px;justify-content:center;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:50px}.projects-section .other-projects .projects-grid .project-card .card-image .card-overlay .overlay-btn:hover{background:#fff;color:#7c3aed;color:var(--accent-color,var(--accent-primary));-webkit-transform:scale(1.15) rotate(5deg);transform:scale(1.15) rotate(5deg)}.projects-section .other-projects .projects-grid .project-card .card-content{padding:2rem;padding:var(--space-xl)}.projects-section .other-projects .projects-grid .project-card .card-content .card-category{background:#7c3aed;background:var(--accent-color,var(--accent-primary));border-radius:9999px;border-radius:var(--radius-full);color:#fff;display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.5px;margin-bottom:.75rem;margin-bottom:var(--space-sm);padding:4px .75rem;padding:4px var(--space-sm);text-transform:uppercase}.projects-section .other-projects .projects-grid .project-card .card-content .card-title{color:#fff;color:var(--text-primary);font-size:1.3rem;font-weight:700;margin-bottom:.75rem;margin-bottom:var(--space-sm)}.projects-section .other-projects .projects-grid .project-card .card-content .card-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#b4b4c4;color:var(--text-secondary);display:-webkit-box;font-size:.95rem;line-height:1.6;margin-bottom:1rem;margin-bottom:var(--space-md);overflow:hidden}.projects-section .other-projects .projects-grid .project-card .card-content .card-tech{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--space-xs);margin-bottom:1rem;margin-bottom:var(--space-md)}.projects-section .other-projects .projects-grid .project-card .card-content .card-tech .card-tech-tag{background:#1e1e2d;background:var(--surface);border-radius:.5rem;border-radius:var(--radius-sm);color:#b4b4c4;color:var(--text-secondary);font-size:.75rem;font-weight:500;padding:4px .75rem;padding:4px var(--space-sm)}.projects-section .other-projects .projects-grid .project-card .card-content .card-link{align-items:center;color:#b4b4c4;color:var(--text-secondary);display:inline-flex;font-size:.9rem;font-weight:600;gap:.75rem;gap:var(--space-sm);text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.projects-section .other-projects .projects-grid .project-card .card-content .card-link svg{transition:-webkit-transform .15s cubic-bezier(.4,0,.2,1);transition:transform .15s cubic-bezier(.4,0,.2,1);transition:transform .15s cubic-bezier(.4,0,.2,1),-webkit-transform .15s cubic-bezier(.4,0,.2,1);transition:-webkit-transform var(--transition-fast);transition:transform var(--transition-fast);transition:transform var(--transition-fast),-webkit-transform var(--transition-fast)}.projects-section .projects-cta{align-items:center;background:#16161f;background:var(--card-bg);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--glass-border);border-radius:2rem;border-radius:var(--radius-2xl);display:flex;gap:2rem;gap:var(--space-xl);justify-content:space-between;margin-top:4rem;margin-top:var(--space-3xl);padding:3rem;padding:var(--space-2xl)}.projects-section .projects-cta .cta-content h3{color:#fff;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:.75rem;margin-bottom:var(--space-sm)}.projects-section .projects-cta .cta-content p{color:#b4b4c4;color:var(--text-secondary);font-size:1rem;margin:0}@media(max-width:1024px){.projects-section .featured-showcase .project-tabs{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding-bottom:1rem;padding-bottom:var(--space-md)}.projects-section .featured-showcase .project-tabs::-webkit-scrollbar{height:4px}.projects-section .featured-showcase .project-tabs .project-tab{flex-shrink:0;min-width:180px}.projects-section .featured-showcase .project-display .project-showcase{gap:3rem;gap:var(--space-2xl);grid-template-columns:1fr}.projects-section .featured-showcase .project-display .project-showcase.active{display:block}.projects-section .featured-showcase .project-display .project-showcase .showcase-images{margin-bottom:3rem;margin-bottom:var(--space-2xl)}.projects-section .projects-cta{flex-direction:column;text-align:center}}@media(max-width:768px){.projects-section .featured-showcase .project-tabs{flex-direction:column}.projects-section .featured-showcase .project-tabs .project-tab{min-width:100%}.projects-section .featured-showcase .project-display .project-showcase .showcase-images .image-wrapper .secondary-image{bottom:-20px;right:-10px;width:120px}.projects-section .featured-showcase .project-display .project-showcase .showcase-images .image-wrapper .image-decoration{font-size:1.2rem;height:50px;left:-10px;top:-15px;width:50px}.projects-section .featured-showcase .project-display .project-showcase .showcase-content .project-actions,.projects-section .featured-showcase .project-display .project-showcase .showcase-images .project-quick-stats{flex-direction:column}.projects-section .featured-showcase .project-display .project-showcase .showcase-content .project-actions .action-btn{justify-content:center;width:100%}.projects-section .other-projects .projects-grid{grid-template-columns:1fr}}.github-section{padding:6rem 0;padding:var(--space-4xl) 0}.github-section .github-content{display:flex;flex-direction:column;gap:3rem;gap:var(--space-2xl)}.github-section .github-calendar-card{background:#16161f;background:var(--card-bg);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--glass-border);border-radius:2rem;border-radius:var(--radius-2xl);overflow:hidden;padding:3rem;padding:var(--space-2xl)}.github-section .github-calendar-card .calendar-header{align-items:center;display:flex;gap:1rem;gap:var(--space-md);margin-bottom:2rem;margin-bottom:var(--space-xl)}.github-section .github-calendar-card .calendar-header .calendar-icon{align-items:center;background:linear-gradient(135deg,#7c3aed,#a855f7 50%,#c084fc);background:var(--accent-gradient);border-radius:1rem;border-radius:var(--radius-lg);color:#fff;display:flex;font-size:1.5rem;height:50px;justify-content:center;width:50px}.github-section .github-calendar-card .calendar-header .calendar-info h3{color:#fff;color:var(--text-primary);font-size:1.3rem;font-weight:700;margin-bottom:2px}.github-section .github-calendar-card .calendar-header .calendar-info p{color:#6b6b7b;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:.9rem;margin:0}.github-section .github-calendar-card .calendar-wrapper{display:flex;justify-content:center;overflow-x:auto;padding:1rem;padding:var(--space-md)}.github-section .github-stats-grid{grid-gap:1.5rem;grid-gap:var(--space-lg);display:grid;gap:1.5rem;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.github-section .github-stats-grid .github-stat-card{align-items:center;background:#16161f;background:var(--card-bg);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--glass-border);border-radius:1.5rem;border-radius:var(--radius-xl);display:flex;justify-content:center;padding:1.5rem;padding:var(--space-lg);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.github-section .github-stats-grid .github-stat-card:hover{border-color:#7c3aed;border-color:var(--accent-primary);box-shadow:0 8px 24px rgba(0,0,0,.5);box-shadow:var(--shadow-lg);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.github-section .github-stats-grid .github-stat-card img{border-radius:.75rem;border-radius:var(--radius-md);height:auto;max-width:100%}.github-section .github-stats-grid .github-stat-card.streak-card{grid-column:span 2}@media(max-width:768px){.github-section .github-stats-grid .github-stat-card.streak-card{grid-column:span 1}}.github-section .github-highlights{grid-gap:1.5rem;grid-gap:var(--space-lg);display:grid;gap:1.5rem;gap:var(--space-lg);grid-template-columns:repeat(3,1fr)}.github-section .github-highlights .highlight-card{align-items:center;background:#16161f;background:var(--card-bg);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--glass-border);border-radius:1.5rem;border-radius:var(--radius-xl);display:flex;gap:1rem;gap:var(--space-md);padding:2rem;padding:var(--space-xl);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.github-section .github-highlights .highlight-card:hover{border-color:#7c3aed;border-color:var(--accent-primary);-webkit-transform:translateX(5px);transform:translateX(5px)}.github-section .github-highlights .highlight-card .highlight-icon{align-items:center;background:linear-gradient(135deg,#7c3aed,#a855f7 50%,#c084fc);background:var(--accent-gradient);border-radius:1rem;border-radius:var(--radius-lg);color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;height:50px;justify-content:center;width:50px}.github-section .github-highlights .highlight-card .highlight-content h4{color:#fff;color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:4px}.github-section .github-highlights .highlight-card .highlight-content p{color:#6b6b7b;color:var(--text-muted);font-size:.9rem;line-height:1.5;margin:0}.gitcont{display:none}.contact-section{background:#12121a;background:var(--secondary-bg);padding:6rem 0;padding:var(--space-4xl) 0;position:relative}.contact-section:before{background:linear-gradient(90deg,transparent,#7c3aed,transparent);background:linear-gradient(90deg,transparent,var(--accent-primary),transparent);content:"";height:1px;left:0;position:absolute;right:0;top:0}.contact-section .contact-content{grid-gap:4rem;grid-gap:var(--space-3xl);display:grid;gap:4rem;gap:var(--space-3xl);grid-template-columns:1fr 1.2fr;margin-bottom:4rem;margin-bottom:var(--space-3xl)}.contact-section .contact-content .contact-info{display:flex;flex-direction:column;gap:1.5rem;gap:var(--space-lg)}.contact-section .contact-content .contact-info .contact-card{align-items:center;background:#16161f;background:var(--card-bg);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--glass-border);border-radius:1.5rem;border-radius:var(--radius-xl);display:flex;gap:1.5rem;gap:var(--space-lg);padding:2rem;padding:var(--space-xl);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.contact-section .contact-content .contact-info .contact-card:hover{border-color:#7c3aed;border-color:var(--accent-primary);-webkit-transform:translateX(8px);transform:translateX(8px)}.contact-section .contact-content .contact-info .contact-card .contact-icon{align-items:center;background:linear-gradient(135deg,#7c3aed,#a855f7 50%,#c084fc);background:var(--accent-gradient);border-radius:1rem;border-radius:var(--radius-lg);color:#fff;display:flex;flex-shrink:0;font-size:1.4rem;height:56px;justify-content:center;width:56px}.contact-section .contact-content .contact-info .contact-card .contact-details h3{color:#fff;color:var(--text-primary);font-size:1.2rem;font-weight:600;margin-bottom:4px}.contact-section .contact-content .contact-info .contact-card .contact-details p{color:#b4b4c4;color:var(--text-secondary);margin-bottom:4px}.contact-section .contact-content .contact-info .contact-card .contact-details a{color:#7c3aed;color:var(--accent-primary);font-weight:500;text-decoration:none;transition:color .15s cubic-bezier(.4,0,.2,1);transition:color var(--transition-fast)}.contact-section .contact-content .contact-info .contact-card .contact-details a:hover{color:#a855f7;color:var(--accent-secondary)}.contact-section .contact-content .contact-info .contact-card .contact-details span{color:#6b6b7b;color:var(--text-muted);font-size:.9rem}.contact-section .contact-content .contact-info .social-links{margin-top:1.5rem;margin-top:var(--space-lg)}.contact-section .contact-content .contact-info .social-links h3{color:#fff;color:var(--text-primary);font-size:1.2rem;font-weight:600;margin-bottom:1rem;margin-bottom:var(--space-md)}.contact-section .contact-content .contact-info .social-links .social-icons{display:flex;gap:.75rem;gap:var(--space-sm)}.contact-section .contact-content .contact-info .social-links .social-icons a{align-items:center;background:#1e1e2d;background:var(--surface);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--glass-border);border-radius:.75rem;border-radius:var(--radius-md);color:#b4b4c4;color:var(--text-secondary);display:flex;font-size:1.3rem;height:50px;justify-content:center;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:50px}.contact-section .contact-content .contact-info .social-links .social-icons a:hover{background:linear-gradient(135deg,#7c3aed,#a855f7 50%,#c084fc);background:var(--accent-gradient);border-color:transparent;box-shadow:0 0 40px rgba(124,58,237,.3);box-shadow:var(--shadow-glow);color:#fff;-webkit-transform:translateY(-3px);transform:translateY(-3px)}.contact-section .contact-content .contact-form{background:#16161f;background:var(--card-bg);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--glass-border);border-radius:2rem;border-radius:var(--radius-2xl);padding:3rem;padding:var(--space-2xl)}.contact-section .contact-content .contact-form h3{color:#fff;color:var(--text-primary);font-size:1.6rem;font-weight:700;margin-bottom:2rem;margin-bottom:var(--space-xl);text-align:center}.contact-section .contact-content .contact-form .form-group{margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.contact-section .contact-content .contact-form .form-group input,.contact-section .contact-content .contact-form .form-group textarea{background:#1e1e2d;background:var(--surface);border:2px solid hsla(0,0%,100%,.08);border:2px solid var(--glass-border);border-radius:1rem;border-radius:var(--radius-lg);color:#fff;color:var(--text-primary);font-family:Outfit,sans-serif;font-size:1rem;padding:1rem 1.5rem;padding:var(--space-md) var(--space-lg);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal);width:100%}.contact-section .contact-content .contact-form .form-group input:focus,.contact-section .contact-content .contact-form .form-group textarea:focus{border-color:#7c3aed;border-color:var(--accent-primary);box-shadow:0 0 0 4px rgba(124,58,237,.1);outline:none}.contact-section .contact-content .contact-form .form-group input::-webkit-input-placeholder,.contact-section .contact-content .contact-form .form-group textarea::-webkit-input-placeholder{color:#6b6b7b;color:var(--text-muted)}.contact-section .contact-content .contact-form .form-group input::placeholder,.contact-section .contact-content .contact-form .form-group textarea::placeholder{color:#6b6b7b;color:var(--text-muted)}.contact-section .contact-content .contact-form .form-group textarea{min-height:140px;resize:vertical}.contact-section .contact-content .contact-form .btn{width:100%}.contact-section .contact-cta{background:#16161f;background:var(--card-bg);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--glass-border);border-radius:2rem;border-radius:var(--radius-2xl);padding:3rem;padding:var(--space-2xl);text-align:center}.contact-section .contact-cta h3{color:#fff;color:var(--text-primary);font-size:1.8rem;font-weight:700;margin-bottom:1rem;margin-bottom:var(--space-md)}.contact-section .contact-cta p{color:#b4b4c4;color:var(--text-secondary);font-size:1.1rem;line-height:1.7;margin:0 auto 1.5rem;margin:0 auto var(--space-lg);max-width:600px}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(50px);transform:translateX(50px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(50px);transform:translateX(50px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes float{0%,to{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}50%{-webkit-transform:translateY(-20px) rotate(2deg);transform:translateY(-20px) rotate(2deg)}}@keyframes float{0%,to{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}50%{-webkit-transform:translateY(-20px) rotate(2deg);transform:translateY(-20px) rotate(2deg)}}@-webkit-keyframes pulse{0%,to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.7;-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes pulse{0%,to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.7;-webkit-transform:scale(1.1);transform:scale(1.1)}}@-webkit-keyframes wave{0%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}75%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}}@keyframes wave{0%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(20deg);transform:rotate(20deg)}75%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes scroll{0%{opacity:1;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}to{opacity:0;-webkit-transform:translateX(-50%) translateY(12px);transform:translateX(-50%) translateY(12px)}}@keyframes scroll{0%{opacity:1;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}to{opacity:0;-webkit-transform:translateX(-50%) translateY(12px);transform:translateX(-50%) translateY(12px)}}@media(max-width:1024px){.hero-section .hero-content{gap:4rem;gap:var(--space-3xl);grid-template-columns:1fr;text-align:center}.hero-section .hero-content .hero-text{order:2}.hero-section .hero-content .hero-text .hero-badge,.hero-section .hero-content .hero-text .hero-buttons,.hero-section .hero-content .hero-text .hero-greeting,.hero-section .hero-content .hero-text .hero-social,.hero-section .hero-content .hero-text .hero-stats,.hero-section .hero-content .hero-text .tech-stack-preview{justify-content:center}.hero-section .hero-content .hero-text .hero-description{margin-left:auto;margin-right:auto}.hero-section .hero-content .hero-image{order:1}.hero-section .hero-content .hero-image .floating-card.card-experience{right:10%}.hero-section .hero-content .hero-image .floating-card.card-status{left:10%}.about.section .about-content{gap:4rem;gap:var(--space-3xl);grid-template-columns:1fr}.about.section .about-content .about-image{align-items:center;display:flex;flex-direction:column;position:relative;top:0}.projects-section .featured-projects .project-card.featured{grid-template-columns:1fr}.projects-section .featured-projects .project-card.featured:nth-child(2n){direction:ltr}.contact-section .contact-content,.github-section .github-highlights,.skills-section .skills-summary{grid-template-columns:1fr}}@media(max-width:768px){:root{--space-xl:1.5rem;--space-2xl:2rem;--space-3xl:2.5rem;--space-4xl:3.5rem}.navbar{padding:0 1rem;padding:0 var(--space-md)}.navbar .links{align-items:center;background:#0c0c0f;background:var(--primary-bg);flex-direction:column;gap:1.5rem;gap:var(--space-lg);height:100vh;justify-content:center;position:fixed;right:-100%;top:0;transition:right .3s cubic-bezier(.4,0,.2,1);transition:right var(--transition-normal);width:100%;z-index:999}.navbar .links.open{right:0}.navbar .links a{font-size:1.3rem;padding:1rem 3rem;padding:var(--space-md) var(--space-2xl)}.navbar .menu-btn{display:block;z-index:1001}.hero-section .hero-content .hero-text .hero-name{font-size:2.8rem}.hero-section .hero-content .hero-text .hero-stats{flex-direction:column;gap:1rem;gap:var(--space-md)}.hero-section .hero-content .hero-text .hero-stats .stat-divider{height:1px;width:60px}.hero-section .hero-content .hero-text .hero-buttons{flex-direction:column}.hero-section .hero-content .hero-text .hero-buttons .btn{width:100%}.hero-section .hero-content .hero-text .tech-stack-preview{flex-direction:column;gap:1rem;gap:var(--space-md)}.hero-section .scroll-indicator{display:none}.about.section .about-content .about-text .mern-stack-highlight .stack-icons{flex-wrap:wrap}.about.section .about-content .about-text .mern-stack-highlight .stack-icons .stack-item{flex:1 1 40%}.projects-section .other-projects .projects-grid{grid-template-columns:1fr}}.about.section,.contact-section,.github-section,.hero-section,.projects-section,.skills-section{padding-top:100px}
/*# sourceMappingURL=main.ecbb27ed.css.map*/