*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#667eea,#764ba2);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;min-height:100vh;overflow-x:hidden}html{scroll-behavior:smooth}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff80}*{will-change:auto}.loading-placeholder{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;color:#ffffffb3;display:flex;font-size:1.1rem;justify-content:center;margin:2rem;min-height:200px}@media (max-width:768px){body{-webkit-overflow-scrolling:touch;font-size:16px}body,html{overflow-x:hidden;width:100%}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent;touch-action:manipulation}input[type=email],input[type=password],input[type=text],textarea{-webkit-user-select:text;user-select:text}}@media (max-width:480px){body{font-size:14px;line-height:1.5}*{-webkit-text-size-adjust:100%}}.theme-toggle{background:none;border:none;cursor:pointer;outline:none;padding:0;position:relative;transition:all .3s ease}.theme-toggle:focus{border-radius:20px;outline:2px solid #4f46e580;outline-offset:2px}.theme-toggle-track{border-radius:13px;box-shadow:inset 0 2px 4px #0000001a;height:26px;position:relative;transition:all .3s ease;width:50px}.theme-toggle-thumb{align-items:center;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;display:flex;height:22px;justify-content:center;left:2px;position:absolute;top:2px;transition:all .3s ease;width:22px}.theme-icon{color:#4f46e5;font-size:12px;transition:all .3s ease}[data-theme=dark] .theme-toggle-track{background:linear-gradient(135deg,#4f46e5,#8b5cf6)}[data-theme=dark] .theme-icon{color:#fbbf24}[data-theme=light] .theme-toggle-track{background:linear-gradient(135deg,#fbbf24,#f59e0b)}[data-theme=light] .theme-icon{color:#4f46e5}@media (max-width:768px){.theme-toggle-track{height:24px;width:45px}.theme-toggle-thumb{height:20px;width:20px}.theme-icon{font-size:11px}}@media (max-width:480px){.theme-toggle-track{height:22px;width:40px}.theme-toggle-thumb{height:18px;width:18px}.theme-icon{font-size:10px}}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-bottom:1px solid #fff3;left:0;position:fixed;right:0;top:0;transition:all .6s cubic-bezier(.4,0,.2,1);z-index:1000}.header.scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000c}.header-content{justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem 2rem}.header-content,.logo{align-items:center;display:flex}.logo{color:#fff;cursor:pointer;font-size:1.5rem;font-weight:700;gap:.5rem}.logo-icon{color:#4f46e5;font-size:2rem}.nav{gap:1rem}.nav,.nav-item{align-items:center;display:flex}.nav-item{background:#0000;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .3s ease}.nav-item:hover{background:#ffffff1a;transform:translateY(-2px)}.nav-item.active{background:#4f46e54d;border:1px solid #4f46e580}.nav-icon{font-size:1.1rem}.header-controls{align-items:center;display:flex;gap:1rem}.mobile-menu-toggle{background:none;border:none;color:#fff;cursor:pointer;display:none;flex-direction:column;padding:.5rem}.hamburger{display:flex;flex-direction:column;gap:4px}.hamburger span{background:#fff;border-radius:2px;display:block;height:3px;transition:all .3s ease;width:25px}.mobile-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000f2;border-top:1px solid #fff3;left:0;overflow:hidden;position:absolute;right:0;top:100%}.mobile-menu-content{display:flex;flex-direction:column;gap:.5rem;padding:1rem}.mobile-nav-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:1rem;padding:1rem;text-align:left;transition:all .3s ease;width:100%}.mobile-nav-item:hover{background:#ffffff1a;transform:translateX(10px)}.mobile-nav-item.active{background:#4f46e54d;border:1px solid #4f46e580}.mobile-nav-icon{flex-shrink:0;font-size:1.2rem}@media (max-width:768px){.header{left:0;position:fixed;right:0;top:0;z-index:1000}.header-content{padding:1rem}.header-controls,.nav{display:none}.mobile-menu-toggle{display:flex}.logo{font-size:1.2rem}.logo-icon{font-size:1.5rem}.mobile-nav-item:hover{transform:none}}@media (max-width:480px){.header-content{padding:.75rem}.logo{font-size:1rem}.logo-icon{font-size:1.3rem}.mobile-menu-toggle{padding:.3rem}.hamburger span{height:2px;width:20px}}@media (max-width:360px){.header-content{padding:.5rem}.logo{font-size:.9rem}.logo-icon{font-size:1.2rem}.mobile-menu-content{padding:.8rem}.mobile-nav-item{font-size:.9rem;padding:.8rem}.mobile-nav-icon{font-size:1.1rem}}[data-theme=light] .header{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#fffffff2!important;border-bottom:1px solid #8b5cf633!important;box-shadow:0 2px 20px #8b5cf61a!important}[data-theme=light] .header.scrolled{background:#fffffffa!important;box-shadow:0 4px 30px #8b5cf626!important}[data-theme=light] .header .logo{font-weight:700!important}[data-theme=light] .header .logo,[data-theme=light] .header .logo-icon{color:#8b5cf6!important;text-shadow:0 1px 2px #8b5cf64d!important}[data-theme=light] .header .logo:hover{color:#7c3aed!important;text-shadow:0 1px 2px #7c3aed66!important;transform:scale(1.05)!important}[data-theme=light] .header .nav-item{background:#ffffff1a!important;border:1px solid #8b5cf633!important;border-radius:8px!important;color:#8b5cf6!important;font-weight:600!important;padding:.5rem 1rem!important;text-shadow:0 1px 2px #8b5cf64d!important;transition:all .3s ease!important}[data-theme=light] .header .nav-item:hover{background:#8b5cf633!important;border:1px solid #8b5cf666!important;box-shadow:0 2px 8px #8b5cf633!important;color:#7c3aed!important;font-weight:700!important;text-shadow:0 1px 2px #7c3aed66!important;transform:translateY(-1px)!important}[data-theme=light] .header .nav-item.active{background:linear-gradient(45deg,#8b5cf6,#a855f7)!important;border:1px solid #8b5cf6!important;box-shadow:0 4px 12px #8b5cf64d!important;color:#fff!important;font-weight:700!important;text-shadow:0 1px 2px #0003!important}.hero{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative;transition:all 1.5s cubic-bezier(.4,0,.2,1)}.hero-background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.floating-shape{animation:float 6s ease-in-out infinite;background:linear-gradient(45deg,#4f46e51a,#8b5cf61a);border-radius:50%;pointer-events:none;position:absolute;z-index:0}.shape-1{animation-delay:0s;height:300px;left:10%;top:10%;width:300px}.shape-2{animation-delay:2s;height:200px;right:20%;top:60%;width:200px}.shape-3{animation-delay:4s;bottom:20%;height:150px;left:60%;width:150px}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}.hero-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;max-width:1200px;position:relative;width:100%;z-index:2}.hero-text{color:#fff;position:relative;z-index:3}.hero-title{font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:1rem}.highlight{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#4f46e5,#8b5cf6);-webkit-background-clip:text;background-clip:text}.hero-subtitle{font-size:1.5rem;margin-bottom:1.5rem;min-height:2rem}.typed-text{color:#8b5cf6;font-weight:600}.hero-description{font-size:1.1rem;line-height:1.6;margin-bottom:2rem;max-width:500px;opacity:.9}.hero-buttons{display:flex;gap:1rem;margin-bottom:2rem}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(45deg,#4f46e5,#8b5cf6);box-shadow:0 4px 15px #4f46e54d;color:#fff}.btn-primary:hover{box-shadow:0 6px 20px #4f46e566;transform:translateY(-2px)}.btn-secondary{background:#0000;border:2px solid #ffffff4d;color:#fff}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff80}.btn-icon{font-size:1.1rem}.hero-social{display:flex;gap:1rem}.hero-social a{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:50%;color:#fff;display:flex;font-size:1.5rem;height:50px;justify-content:center;text-decoration:none;transition:all .3s ease;width:50px}.hero-social a:hover{background:#4f46e54d;transform:translateY(-3px)}.hero-visual{align-items:center;display:flex;justify-content:center;position:relative;z-index:1}.code-window{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 20px 40px #0000004d;max-width:500px;overflow:hidden;width:100%}.window-header{align-items:center;background:#ffffff1a;display:flex;gap:1rem;padding:1rem}.window-controls{display:flex;gap:.5rem}.control{border-radius:50%;height:12px;width:12px}.control.close{background:#ff5f57}.control.minimize{background:#ffbd2e}.control.maximize{background:#28ca42}.window-title{color:#fff;font-size:.9rem;font-weight:500}.window-content{font-family:Courier New,monospace;font-size:.9rem;line-height:1.6;padding:1.5rem}.code-line{margin-bottom:.5rem}.indent{padding-left:1rem}.keyword{color:#ff79c6}.variable{color:#8be9fd}.string{color:#f1fa8c}.function{color:#50fa7b}.scroll-indicator{align-items:center;bottom:2rem;color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;margin:0 auto;opacity:.7;position:absolute;right:0;text-align:center;width:-webkit-fit-content;width:fit-content;z-index:10}.scroll-indicator span{font-size:.9rem;font-weight:500}.scroll-text{display:inline-block;overflow:hidden;position:relative}.scroll-text:after{animation:underlineExpand 2s ease-in-out infinite;animation-delay:2s;background:linear-gradient(90deg,#8b5cf6,#a855f7);bottom:0;content:"";height:2px;left:0;position:absolute;width:0}@keyframes underlineExpand{0%,to{width:0}50%{width:100%}}.scroll-indicator{transition:all .5s cubic-bezier(.4,0,.2,1)}@media (max-width:768px){.hero{min-height:100vh;padding:1.5rem}.hero-content{gap:2rem;grid-template-columns:1fr;max-width:100%;text-align:center;z-index:2}.hero-text{order:1;z-index:3}.hero-visual{order:2;z-index:1}.hero-title{font-size:2.5rem;line-height:1.1}.hero-subtitle{font-size:1.2rem;min-height:1.5rem}.hero-description{font-size:1rem;max-width:100%;text-align:center}.hero-buttons{align-items:center;flex-direction:column;gap:1rem}.btn{justify-content:center;max-width:250px;padding:1rem 1.5rem;width:100%}.code-window{margin-top:1rem;max-width:100%;position:relative;z-index:1}.window-content{font-size:.8rem;padding:1rem}.hero-social{justify-content:center;margin-top:1rem}.scroll-indicator{bottom:1rem;left:0;margin:0 auto;right:0;text-align:center;width:-webkit-fit-content;width:fit-content}}@media (max-width:480px){.hero{min-height:100vh;padding:1rem}.hero-content{gap:1.5rem;z-index:2}.hero-text{order:1;z-index:3}.hero-visual{order:2;z-index:1}.hero-title{font-size:2rem;line-height:1.1}.hero-subtitle{font-size:1rem;min-height:1.2rem}.hero-description{font-size:.9rem;line-height:1.5}.btn{font-size:.9rem;padding:.8rem 1.2rem;width:100%}.code-window{margin-top:1rem}.window-content{font-size:.7rem;padding:.8rem}.hero-social a{font-size:1.3rem;height:45px;width:45px}.scroll-indicator{bottom:.5rem;left:0;margin:0 auto;right:0;text-align:center;width:-webkit-fit-content;width:fit-content}.scroll-indicator span{font-size:.8rem}}@media (max-width:360px){.hero{padding:.8rem}.hero-content{gap:1.2rem}.hero-title{font-size:1.8rem;line-height:1.1}.hero-subtitle{font-size:.9rem;min-height:1rem}.hero-description{font-size:.85rem;line-height:1.4}.btn{font-size:.85rem;padding:.7rem 1rem}.code-window{margin-top:.8rem}.window-content{font-size:.65rem;padding:.6rem}.hero-social a{font-size:1.2rem;height:40px;width:40px}.scroll-indicator{bottom:.3rem;left:0;margin:0 auto;right:0;text-align:center;width:-webkit-fit-content;width:fit-content}.scroll-indicator span{font-size:.75rem}}[data-theme=light] .hero{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;color:#1a202c!important}[data-theme=light] .hero .hero-title{color:#1a202c!important}[data-theme=light] .hero .hero-title .highlight{-webkit-text-fill-color:#0000!important;background:linear-gradient(45deg,#4f46e5,#8b5cf6)!important;-webkit-background-clip:text!important;background-clip:text!important}[data-theme=light] .hero .hero-subtitle{color:#2d3748!important}[data-theme=light] .hero .typed-text{color:#4f46e5!important}[data-theme=light] .hero .hero-description{color:#2d3748!important}[data-theme=light] .hero .btn-secondary{background:#0000!important;border:2px solid #1a202c4d!important;color:#1a202c!important}[data-theme=light] .hero .btn-secondary:hover{background:#1a202c1a!important;border-color:#1a202c80!important}[data-theme=light] .hero .hero-social a{background:#fff3!important;color:#1a202c!important}[data-theme=light] .hero .hero-social a:hover{background:#4f46e54d!important;color:#fff!important}[data-theme=light] .hero .scroll-indicator{color:#1a202c!important}[data-theme=light] .hero .scroll-indicator span{color:#2d3748!important}[data-theme=light] .hero .code-window{background:#ffffffe6!important;border:1px solid #0000001a!important}[data-theme=light] .hero .window-header{background:#0000000d!important}[data-theme=light] .hero .window-content,[data-theme=light] .hero .window-title{color:#1a202c!important}[data-theme=light] .hero .keyword{color:#d73a49!important}[data-theme=light] .hero .variable{color:#005cc5!important}[data-theme=light] .hero .string{color:#032f62!important}[data-theme=light] .hero .function{color:#6f42c1!important}[data-theme=light] .hero .scroll-text:after{background:linear-gradient(90deg,#4f46e5,#7c3aed)!important}.particle-background{height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:-1}.gradient-overlay,.particle-canvas{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.gradient-overlay{background:linear-gradient(135deg,#667eea1a,#764ba21a 50%,#4f46e51a)}.App{min-height:100vh}.App,.main-content{overflow-x:hidden;position:relative}.main-content{z-index:1}section{transition:all .6s cubic-bezier(.4,0,.2,1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.btn:hover{transform:translateY(-2px)}.project-card:hover,.skill-card:hover{transform:translateY(-4px)}.fade-in{opacity:0;transform:translateY(20px);transition:all .6s cubic-bezier(.4,0,.2,1)}.fade-in.visible{opacity:1;transform:translateY(0)}.hero{background:linear-gradient(135deg,#667eea,#764ba2)}.about,.contact,.projects{background:linear-gradient(135deg,#1a202c,#2d3748 50%,#1e3c72)!important;position:relative}.interactive-demo,.skills{background:linear-gradient(135deg,#0f172a,#1e293b 50%,#667eea)}[data-theme=light] .hero{background:linear-gradient(135deg,#fbbf24,#f59e0b)}[data-theme=light] .about,[data-theme=light] .contact,[data-theme=light] .projects{background:linear-gradient(135deg,#f8fafc,#e2e8f0 50%,#cbd5e1)}[data-theme=light] .interactive-demo,[data-theme=light] .skills{background:linear-gradient(135deg,#f1f5f9,#e2e8f0 50%,#fbbf24)}[data-theme=light] .section-title,[data-theme=light] h1,[data-theme=light] h2{color:#1a202c!important;font-weight:700!important}[data-theme=light] .hero-subtitle,[data-theme=light] .subsection-title,[data-theme=light] .typed-text{color:#7c3aed!important;font-weight:600!important}[data-theme=light] .section-subtitle,[data-theme=light] p{color:#374151!important}[data-theme=light] .card,[data-theme=light] .form-card,[data-theme=light] .info-card{background:#fffffff2!important;border:1px solid #7c3aed33!important;box-shadow:0 4px 12px #0000001a!important;color:#1f2937!important}[data-theme=light] .btn-primary{background:linear-gradient(45deg,#7c3aed,#a855f7)!important;color:#fff!important}[data-theme=light] .btn-secondary{background:#ffffffe6!important;border:2px solid #7c3aed!important;color:#7c3aed!important}@media (max-width:768px){.main-content{overflow-x:hidden}a,button,input,textarea{-webkit-tap-highlight-color:transparent}}@media (max-width:480px){*{-webkit-text-size-adjust:100%}}
/*# sourceMappingURL=main.5ca07920.css.map*/