@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-primary:#0c0c0a;--bg-secondary:#141410;--bg-tertiary:#50fa7b0a;--bg-card:#ffffff08;--bg-card-hover:#50fa7b12;--text-primary:#f0ebe2;--text-secondary:#bdb5a8;--text-tertiary:#8c8378;--text-muted:#6e6660;--accent-primary:#50fa7b;--accent-secondary:#69ffae;--accent-gradient:linear-gradient(90deg,#50fa7b,#69ffae,#a0ffcc);--border-color:#f0ebe214;--border-color-hover:#50fa7b4d;--shadow-color:#00000080;--shadow-glow:#50fa7b38;--terminal-bg:#0f0f0d;--terminal-header:#1a1a17;--terminal-text:#bdb5a8;--terminal-green:#50fa7b;--terminal-yellow:#f5c842;--terminal-blue:#69ffae;--terminal-red:#ff6b6b;--transition-fast:0.2s ease;--transition-medium:0.3s ease;--transition-slow:0.5s cubic-bezier(0.4,0,0.2,1)}[data-theme=light]{--bg-primary:#fef9f2;--bg-secondary:#fff5e8;--bg-tertiary:#f5ede0;--bg-card:#fff;--bg-card-hover:#fef3e8;--text-primary:#27211b;--text-secondary:#5e5449;--text-tertiary:#847567;--text-muted:#7a7060;--accent-primary:#b8501f;--accent-secondary:#2a7a3b;--accent-gradient:linear-gradient(90deg,#b8501f,#d96c3a,#e8905a);--border-color:#1c161017;--border-color-hover:#d96c3a59;--shadow-color:#1c161014;--shadow-glow:#d96c3a33;--terminal-bg:#1c1a16;--terminal-header:#272420;--terminal-text:#e0d8cc;--terminal-green:#5cb85c;--terminal-yellow:#e6b84a;--terminal-blue:#7fb3d3;--terminal-red:#e06060}*{box-sizing:border-box;color:#bdb5a8;color:var(--text-secondary);font-family:Poppins,sans-serif;font-weight:500;margin:0;padding:0;scroll-behavior:smooth;text-decoration:none}body,html{max-width:100vw;overflow-x:hidden}body{background:#0c0c0a;background:var(--bg-primary);transition:background .3s ease,color .3s ease;transition:background var(--transition-medium),color var(--transition-medium)}@media (hover:none) and (pointer:coarse){*{cursor:auto!important}}::-webkit-scrollbar{display:none}ul{list-style:none}.btn{align-items:center;background-color:initial;border:2px solid #50fa7b;border:2px solid var(--accent-primary);border-radius:10px;bottom:0;color:#f0ebe2;color:var(--text-primary);cursor:none;display:flex;font-size:20px;justify-content:center;margin-top:50px;padding:15px 25px;position:relative;transition:all .35s ease-out;width:-webkit-fit-content;width:fit-content}.btn:hover{background-color:#50fa7b;background-color:var(--accent-primary);bottom:12px;box-shadow:0 0 20px 1px #50fa7b38;box-shadow:0 0 20px 1px var(--shadow-glow);color:#0c0c0a;color:var(--bg-primary)}.btn:active{background-color:#69ffae;background-color:var(--accent-secondary)}.section-fade-in{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.section-fade-in.visible{opacity:1;transform:translateY(0)}@media screen and (max-width:750px){.btn{font-size:16px}}.footer{align-items:center;background:var(--bg-primary);border-top:1px solid var(--border-color);color:var(--text-tertiary);display:flex;font-size:14px;font-weight:500;gap:12px;justify-content:center;letter-spacing:1px;padding:2rem;transition:all var(--transition-medium);width:100%}.footer-divider{opacity:.5}.footer:hover{color:var(--text-secondary)}.header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0003;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:20px 0 20px 10px;position:fixed;transition:background var(--transition-medium);z-index:200}[data-theme=light] .header{background:#fef9f2d9}.header .logo{cursor:pointer}.header .logo .logo-img{color:var(--text-primary);font-size:50px;font-weight:600}.header .logo .logo-img span{color:var(--accent-primary);font-weight:600}.header .logo .logo-img .blink{animation:blink 2s infinite}@keyframes blink{0%{color:var(--accent-primary)}50%{color:#0000}to{color:var(--accent-primary)}}.header .nav-menu{align-items:center;display:flex;flex-basis:70%;flex-direction:column;justify-content:space-evenly}.nav-menu li{padding:10px;transform:rotate(270deg);transition:all .5s ease-in-out;width:-webkit-max-content;width:max-content}.nav-menu li:hover{color:var(--accent-primary);transform:scale(1.3) rotate(270deg)}.nav-menu li .navLink{color:var(--text-secondary);cursor:pointer;font-size:16px;font-weight:500;transition:all .3s ease-in-out}.nav-menu li .navLink:hover{color:var(--accent-primary)}.header .social-links{display:flex;flex-direction:column;gap:15px;padding-left:10px;width:3rem}.header .social-links .social-btn,.header .social-links a{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:25px;justify-content:center;padding:0;transition:all .5s ease-in-out;width:25px}.header .social-links .social{color:var(--text-secondary);height:100%;transition:all .5s ease-in-out;width:100%}.header .social-links .social-btn:hover .social,.header .social-links a:hover .social{color:var(--accent-primary)}.header .social-links .social-btn:hover,.header .social-links a:hover{transform:scale(1.5)}.header .hamburger{display:none}.toast{animation:fadeInOut 2s ease forwards;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;bottom:20px;box-shadow:0 4px 20px var(--shadow-color);color:var(--text-primary);left:50%;padding:12px 24px;position:fixed;transform:translateX(-50%);z-index:2000}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,20px)}20%{opacity:1;transform:translate(-50%)}80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-20px)}}@media (max-height:550px),screen and (max-width:750px){.header{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);flex-direction:row;height:auto;overflow:hidden;padding:10px 20px;width:100vw}.header .logo .logo-img{font-size:40px}.header .nav-menu,.header .social-links{display:none}.header .hamburger{align-items:center;background:none;border:none;cursor:pointer;display:flex;padding:4px;z-index:1100}.header .hamburger .bars,.header .hamburger svg{color:var(--text-primary)!important}.mobile-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;inset:0;position:fixed;z-index:1049}.mobile-menu{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);border-top:2px solid var(--accent-primary);left:0;padding:8px 0 16px;position:fixed;right:0;top:58px;z-index:1050}.mobile-menu ul{list-style:none;margin:0;padding:0}.mobile-menu ul li{border-bottom:1px solid var(--border-color)}.mobile-menu ul li:last-child{border-bottom:none}.mobile-menu .navLink{color:var(--text-primary);cursor:pointer;display:block;font-size:16px;font-weight:600;letter-spacing:.5px;padding:16px 24px;transition:all .2s ease}.mobile-menu .navLink:active,.mobile-menu .navLink:hover{background:var(--bg-card-hover);color:var(--accent-primary);padding-left:32px}.mobile-menu-socials{align-items:center;border-top:1px solid var(--border-color);display:flex;gap:24px;margin-top:4px;padding:16px 24px}.mobile-menu-socials .social-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:0}.mobile-menu-socials .social,.mobile-menu-socials a svg{color:var(--text-secondary)!important;transition:color .2s ease}.mobile-menu-socials .social-btn:hover .social,.mobile-menu-socials a:hover svg{color:var(--accent-primary)!important}.toast{bottom:60px}}@media screen and (max-width:480px){.header .logo .logo-img{font-size:35px}}.home{align-items:center;display:flex;min-height:100vh}.home .content{padding:0 5% 0 18vw;width:100%}.hero-grid{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;max-width:1400px}.home .content .wrapper{width:100%}.home .content .name{color:var(--text-secondary);font-size:25px;font-weight:500;letter-spacing:.3em;padding-left:5px;text-transform:uppercase;white-space:nowrap}.home .content .name,.home .content .staticTitle{height:-webkit-fit-content;height:fit-content;width:-webkit-fit-content;width:fit-content}.home .content .staticTitle{align-items:center;color:var(--text-primary);display:flex;font-size:30px;font-weight:600}.home .content .staticTitle .hrLine{border-bottom:3px solid var(--text-tertiary);margin-left:20px;width:15vw}.Typewriter{-webkit-text-fill-color:#0000;-moz-text-fill-color:#0000;background:var(--accent-gradient);-webkit-background-clip:text;-moz-background-clip:text;background-clip:text;background-size:100%;font-size:80px;font-weight:500;line-height:90px;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.hero-subtitle{color:var(--text-tertiary);font-size:18px;font-weight:400;letter-spacing:.5px;margin-top:20px}.hero-cta-container{display:flex;gap:15px;margin-top:40px}.hero-cta-container .btn{border-radius:30px;font-size:16px;font-weight:500;margin-top:0;padding:14px 28px}.hero-cta-container .btn.primary,.hero-cta-container .btn.primary *{background:var(--accent-primary);border:2px solid var(--accent-primary);color:#0c0c0a!important}[data-theme=light] .hero-cta-container .btn.primary,[data-theme=light] .hero-cta-container .btn.primary *{color:#fff!important}.hero-cta-container .btn.primary:hover{background:#0000;box-shadow:0 10px 30px var(--shadow-glow);color:var(--accent-primary);transform:translateY(-3px)}.hero-cta-container .btn.secondary{background:#0000;border:2px solid var(--border-color-hover);color:var(--text-primary)}.hero-cta-container .btn.secondary:hover{background:var(--bg-card-hover);border-color:var(--accent-primary);transform:translateY(-3px)}.terminal-container{perspective:1000px}.terminal{background:var(--terminal-bg);border-radius:12px;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff1a;overflow:hidden;transform:rotateY(-5deg) rotateX(2deg);transition:transform .4s ease}.terminal:hover{transform:rotateY(0deg) rotateX(0deg)}.terminal-header{align-items:center;background:var(--terminal-header);border-bottom:1px solid #ffffff1a;display:flex;gap:12px;padding:12px 16px}.terminal-buttons{display:flex;gap:8px}.terminal-btn{border-radius:50%;height:12px;width:12px}.terminal-btn.red{background:#ff5f57}.terminal-btn.yellow{background:#febc2e}.terminal-btn.green{background:#28c840}.terminal-title{color:var(--terminal-text);font-size:13px;opacity:.7}.terminal-body,.terminal-title{font-family:Fira Code,monospace}.terminal-body{min-height:220px;padding:20px}.terminal-content{color:var(--terminal-text);font-family:Fira Code,monospace;font-size:14px;line-height:1.8;margin:0;white-space:pre-wrap}.terminal-command{color:var(--terminal-blue)}.terminal-output{color:var(--terminal-text);opacity:.8}.terminal-cursor,.terminal-success{color:var(--terminal-green)}.terminal-cursor{animation:none;opacity:0}.terminal-cursor.visible{opacity:1}@media screen and (max-width:1200px){.hero-grid{gap:40px;grid-template-columns:1fr}.terminal-container{max-width:500px}.terminal{transform:none}}@media screen and (max-width:950px){.Typewriter,.home .content .staticTitle{font-size:70px}.Typewriter{line-height:80px}}@media screen and (max-width:750px){.home{min-height:auto;padding-bottom:60px;padding-top:100px}.home .content{padding:0 6vw}.hero-grid{gap:30px;text-align:left}.home .content .wrapper{width:100%}.home .content .name{font-size:14px;font-weight:600;letter-spacing:.2em;line-height:1.5;padding-left:2px}.home .content .staticTitle{flex-wrap:wrap;font-size:48px;line-height:1.1}.home .content .staticTitle .hrLine{display:none}.Typewriter{font-size:48px;line-height:1.2}.hero-subtitle{font-size:15px;line-height:1.6;margin-top:16px;text-align:left}.hero-cta-container{flex-direction:row;flex-wrap:wrap;gap:12px;justify-content:flex-start;margin-top:28px}.hero-cta-container .btn{font-size:14px;padding:12px 24px}.terminal-container{margin-top:20px;width:100%}.terminal-content{font-size:12px}.terminal-body{min-height:180px;padding:15px}}@media screen and (max-width:480px){.home .content{padding:0 5vw}.home .content .name{font-size:12px;letter-spacing:.15em}.Typewriter,.home .content .staticTitle{font-size:38px}.hero-subtitle{font-size:14px}.hero-cta-container .btn{font-size:13px;padding:10px 20px}.terminal-content{font-size:11px}}.project-window{margin:60px auto;max-width:1200px;padding:0 5%;position:relative;width:100%;z-index:1}.project-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;overflow:hidden;padding:40px;position:relative;transition:all .5s cubic-bezier(.4,0,.2,1)}.project-wrapper.has-case-study{cursor:pointer}.project-wrapper:hover{background:var(--bg-card-hover);border-color:var(--accent-primary);box-shadow:0 10px 30px var(--shadow-color)}.project-header{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:20px}.project-title-section{display:flex;flex-direction:column;gap:8px}.project-award{align-items:center;background:linear-gradient(135deg,gold,orange);border-radius:20px;color:#000;display:inline-flex;font-size:.75rem;font-weight:600;gap:6px;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.project-title{-webkit-text-fill-color:#0000;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:600;margin:0;position:relative}.project-title:after{background:var(--accent-gradient);border-radius:2px;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:60px}.project-summary{color:var(--text-secondary);font-size:1.05rem;line-height:1.7;margin:20px 0}.tech-stack{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.tech-tag{background:var(--bg-card);border:1px solid var(--border-color-hover);border-radius:20px;color:var(--accent-secondary);font-size:.85rem;padding:6px 14px;transition:all .3s ease}.tech-tag:hover{background:var(--bg-card-hover);border-color:var(--accent-primary)}.project-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.project-actions .btn{align-items:center;border:none;border-radius:30px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;gap:8px;margin-top:0;padding:12px 24px;text-decoration:none;transition:all .3s ease}.github-btn{background:#0000!important;border:2px solid var(--border-color-hover)!important;color:var(--text-primary)}.github-btn:hover{background:var(--bg-card-hover)!important;border-color:var(--accent-primary)!important;transform:translateY(-2px)}.case-study-btn{background:var(--accent-primary)!important;box-shadow:0 4px 15px var(--shadow-glow)}.case-study-btn,.case-study-btn *{color:#0c0c0a!important}[data-theme=light] .case-study-btn,[data-theme=light] .case-study-btn *{color:#fff!important}.case-study-btn:hover{box-shadow:0 6px 20px var(--shadow-glow);opacity:.9;transform:translateY(-2px)}.case-study-btn .btn-arrow{transition:transform .3s ease}.case-study-btn:hover .btn-arrow{transform:translateX(4px)}.live-btn{background:var(--bg-card)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)}.live-btn:hover{background:var(--bg-card-hover)!important;border-color:var(--border-color-hover)!important;transform:translateY(-2px)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;bottom:0;cursor:none;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:500}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:24px;box-shadow:0 25px 80px #00000080;cursor:none;max-height:90vh;max-width:900px;overflow-y:auto;position:relative;width:100%}.modal-close{align-items:center;background:var(--border-color);border:none;border-radius:50%;color:var(--text-primary);cursor:none;display:flex;height:44px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s ease;width:44px;z-index:10}.modal-close:hover{background:#ff46464d;transform:rotate(90deg)}.modal-header{border-bottom:1px solid var(--border-color);padding:50px 50px 30px}.modal-award{align-items:center;background:linear-gradient(135deg,gold,orange);border-radius:25px;color:#000;display:inline-flex;font-size:.85rem;font-weight:700;gap:8px;letter-spacing:1px;margin-bottom:16px;padding:8px 16px;text-transform:uppercase}.modal-title{-webkit-text-fill-color:#0000;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;line-height:1.2;margin:0 0 12px}.modal-subtitle{color:var(--text-tertiary);font-size:1.15rem;line-height:1.5;margin:0}.modal-body{padding:40px 50px}.case-section{margin-bottom:35px}.case-section:last-child{margin-bottom:0}.case-section h3{color:var(--accent-primary);font-size:1.25rem;font-weight:600;letter-spacing:1px;margin:0 0 15px;text-transform:uppercase}.case-section p{color:var(--text-secondary);font-size:1.05rem;line-height:1.8;margin:0}.approach-list{list-style:none;margin:0;padding:0}.approach-list li{color:var(--text-secondary);font-size:1.05rem;line-height:1.7;margin-bottom:14px;padding-left:28px;position:relative}.approach-list li:before{color:var(--accent-primary);content:"→";font-weight:700;left:0;position:absolute}.modal-tech-stack{display:flex;flex-wrap:wrap;gap:10px}.modal-tech-tag{background:var(--bg-card);border:1px solid var(--border-color-hover);border-radius:25px;color:var(--accent-secondary);font-size:.9rem;padding:8px 18px}.impact-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.impact-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:24px;text-align:center;transition:all .3s ease}.impact-card:hover{background:var(--bg-card-hover);border-color:var(--accent-primary);transform:translateY(-3px)}.impact-metric{-webkit-text-fill-color:#0000;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;display:block;font-size:2rem;font-weight:700;margin-bottom:8px}.impact-label{color:var(--text-tertiary);display:block;font-size:.9rem;line-height:1.4}.modal-footer{border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:16px;padding:30px 50px 40px}.modal-btn{align-items:center;border-radius:30px;cursor:none;display:inline-flex;font-size:1rem;font-weight:600;gap:10px;padding:14px 28px;text-decoration:none;transition:all .3s ease}.modal-btn.github{background:#fff;color:#000}.modal-btn.github span,.modal-btn.github svg{color:#000}.modal-btn.github:hover{box-shadow:0 10px 30px #fff3;transform:translateY(-3px)}.modal-btn.live,.modal-btn.live *{background:var(--accent-primary);color:#0c0c0a!important}[data-theme=light] .modal-btn.live,[data-theme=light] .modal-btn.live *{color:#fff!important}.modal-btn.live:hover{box-shadow:0 10px 30px var(--shadow-glow);opacity:.9;transform:translateY(-3px)}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}.modal-content::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:4px;opacity:.5}@media screen and (max-width:1024px){.project-window{max-width:100%;padding:0 0 0 15%}.project-wrapper{padding:30px}}@media screen and (max-width:768px){.project-window{margin:40px auto;padding:0 20px}.project-wrapper{padding:25px}.project-title{font-size:1.75rem}.project-summary{font-size:1rem}.project-actions{flex-direction:column}.project-actions .btn{justify-content:center;width:100%}.modal-overlay{padding:10px}.modal-content{border-radius:20px;max-height:95vh}.modal-header{padding:40px 25px 25px}.modal-title{font-size:1.75rem}.modal-subtitle{font-size:1rem}.modal-body{padding:25px}.case-section h3{font-size:1.1rem}.approach-list li,.case-section p{font-size:.95rem}.impact-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.impact-card{padding:18px}.impact-metric{font-size:1.5rem}.modal-footer{flex-direction:column;padding:25px}.modal-btn{justify-content:center;width:100%}}@media screen and (max-width:480px){.project-window{margin:30px auto;padding:0 15px}.project-wrapper{padding:20px}.project-title{font-size:1.5rem}.tech-tag{font-size:.8rem;padding:5px 12px}.project-actions .btn{font-size:.9rem;padding:10px 20px}.impact-grid{grid-template-columns:1fr 1fr}.impact-card{padding:15px}.impact-metric{font-size:1.3rem}.impact-label{font-size:.8rem}}.about-container{align-items:center;display:flex;gap:80px;justify-content:space-between;margin:50px 8vw 0 15vw;min-height:80vh;padding-top:70px}.about-container .aboutMe-text{color:var(--text-secondary);flex:1 1;font-size:18px;font-weight:400;height:-webkit-fit-content;height:fit-content;max-width:650px}.aboutMe-text p{line-height:1.8;margin-bottom:20px}.aboutMe-text span{color:var(--accent-primary);font-weight:500}.about-container .aboutMe-text h3{color:var(--text-primary);font-size:36px;font-weight:600;margin-bottom:30px}.about-container .aboutMe-text .resume{border:2px solid var(--accent-primary);border-radius:30px;color:var(--accent-primary);display:inline-block;font-size:18px;font-weight:600;margin:10px 0 30px;padding:12px 28px;transition:all .3s ease}.about-container .aboutMe-text .resume:hover{background:var(--accent-primary);box-shadow:0 10px 30px var(--shadow-glow);color:#fff;transform:translateY(-3px)}.about-hobbies{border-top:1px solid var(--border-color);padding-top:20px}.about-image-container{align-items:center;display:flex;flex:0 0 500px;justify-content:center}.about-image-container .coding-illustration{height:auto;max-width:500px;width:100%}@media screen and (max-width:1400px){.about-container{gap:60px}.about-image-container{flex:0 0 420px}}@media screen and (max-width:1150px){.about-container .aboutMe-text{font-size:16px}.about-image-container{flex:0 0 380px}}@media screen and (max-width:1024px){.about-container{align-items:center;flex-direction:column;gap:50px;margin:50px 8vw;min-height:auto}.about-container .aboutMe-text{max-width:100%}.about-image-container{flex:none;max-width:500px;order:-1;width:100%}}@media screen and (max-width:750px){.about-container{gap:40px;margin:0 5vw;padding-top:70px}.about-container .aboutMe-text{font-size:15px;text-align:center}.about-container .aboutMe-text h3{font-size:26px}.about-container .aboutMe-text .resume{font-size:16px;padding:10px 24px}.about-image-container{max-width:350px}}.skill-container{display:flex;flex-direction:column;margin:0 auto;max-width:1400px;padding:80px 5% 80px 15vw}.skill-container .skill-header{color:var(--text-primary);font-size:50px;font-weight:600;margin-bottom:15px}.skill-subtitle{color:var(--text-tertiary);font-size:18px;margin-bottom:40px;max-width:600px}.skill-categories{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:40px}.category-btn{background:#0000;border:2px solid var(--border-color);border-radius:30px;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .3s ease}.category-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.category-btn.active,.category-btn.active *{background:var(--accent-primary);border-color:var(--accent-primary);color:#0c0c0a!important;font-weight:600}[data-theme=light] .category-btn.active,[data-theme=light] .category-btn.active *{color:#fff!important}.skills-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.skill-card{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;cursor:default;display:flex;gap:16px;padding:20px 24px;transition:all .3s ease}.skill-card:hover{background:var(--bg-card-hover);border-color:var(--accent-primary);box-shadow:0 10px 30px var(--shadow-color)}.skill-icon-wrapper{flex-shrink:0}.skill-card .techLogo{border:none;color:var(--accent-primary);height:48px;padding:0;transition:all .3s ease;width:48px}.skill-card:hover .techLogo{color:var(--accent-secondary);transform:scale(1.1)}.skill-info{display:flex;flex:1 1;flex-direction:column;gap:8px}.skill-name{color:var(--text-primary);font-size:16px;font-weight:600}.skill-progress-container{background:var(--border-color);border-radius:3px;height:6px;overflow:hidden;width:100%}.skill-progress-bar{background:var(--accent-gradient);border-radius:3px;height:100%;position:relative}.skill-progress-bar:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.skill-level{align-self:flex-end;color:var(--accent-primary);font-size:12px;font-weight:600}@media screen and (max-width:1040px){.skill-container{padding-left:20vw}}@media screen and (max-width:750px){.skill-container{padding:80px 20px}.skill-container .skill-header{font-size:36px;text-align:center}.skill-subtitle{font-size:16px;text-align:center}.skill-categories{justify-content:center}.category-btn{font-size:13px;padding:8px 18px}.skills-grid{grid-template-columns:1fr}.skill-card{padding:16px 20px}.skill-card .techLogo{height:40px;width:40px}}@media screen and (max-width:480px){.skill-container .skill-header{font-size:30px}.category-btn{font-size:12px;padding:6px 14px}}.theme-toggle-container{position:fixed;right:24px;top:24px;z-index:1000}.theme-toggle-btn{align-items:center;background:none;border:none;border-radius:50px;cursor:pointer;display:flex;justify-content:center;outline:none;padding:0}.theme-toggle-btn:focus,.theme-toggle-btn:focus-visible{outline:none}.toggle-track{align-items:center;background:#1a1a17;border:1px solid #50fa7b33;border-radius:50px;box-shadow:0 4px 15px #0006,inset 0 2px 4px #0000004d;display:flex;height:36px;padding:4px;position:relative;transition:all .4s ease;width:70px}.theme-toggle-btn.light .toggle-track{background:#ede3d8;border:1px solid #b8501f33;box-shadow:0 4px 15px #0000001a,inset 0 2px 4px #0000000f}.toggle-icons{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:space-between;padding:0 10px;position:absolute;width:100%}.toggle-icon{flex-shrink:0;font-size:14px;height:auto!important;transition:all .3s ease;width:auto!important;z-index:1}.toggle-icon.sun{color:#bdb5a8;opacity:.35}.toggle-icon.moon{color:#50fa7b;opacity:1}.theme-toggle-btn.light .toggle-icon.sun{color:#b8501f;opacity:1}.theme-toggle-btn.light .toggle-icon.moon{color:#847567;opacity:.3}.theme-toggle-btn.light .toggle-thumb{background:linear-gradient(145deg,#fff,#fef3e8);box-shadow:0 2px 8px #b8501f4d,0 0 0 1px #b8501f33;right:calc(100% - 32px);top:4px}@media screen and (max-width:750px){.theme-toggle-container{position:fixed;right:100px;top:20px;z-index:1100}.toggle-track{height:30px;width:56px}.theme-toggle-btn.light .toggle-thumb{right:calc(100% - 27px);top:3px}.toggle-icon{font-size:11px}}.theme-toggle-btn:hover .toggle-track{border-color:#50fa7b66;transform:scale(1.05)}.theme-toggle-btn.light:hover .toggle-track{border-color:#b8501f66}.theme-toggle-btn:active .toggle-thumb{width:32px}.chat-toggle{align-items:center;background:var(--accent-primary);border:none;border-radius:50%;bottom:24px;box-shadow:0 4px 20px var(--shadow-glow);cursor:pointer;display:flex;height:60px;justify-content:center;position:fixed;right:24px;transition:all .3s ease;width:60px;z-index:1000}.chat-toggle,.chat-toggle *{color:#0c0c0a!important}[data-theme=light] .chat-toggle,[data-theme=light] .chat-toggle *{color:#fff!important}.chat-toggle:hover{box-shadow:0 6px 30px var(--shadow-glow);transform:scale(1.05)}.chat-toggle.open{background:var(--bg-secondary);box-shadow:0 4px 20px #0000004d;color:var(--text-primary)}.chat-toggle-badge{animation:pulse 2s infinite;background:#ff4757;border-radius:12px;color:#fff;font-size:10px;font-weight:600;padding:4px 8px;position:absolute;right:-8px;top:-8px;white-space:nowrap}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.chat-window{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;bottom:100px;box-shadow:0 10px 50px #00000080;display:flex;flex-direction:column;height:550px;overflow:hidden;position:fixed;right:24px;width:380px;z-index:999}.chat-header{background:var(--bg-tertiary);border-bottom:2px solid var(--accent-primary);color:var(--text-primary);justify-content:space-between;padding:16px 20px}.chat-header,.chat-header-info{align-items:center;display:flex}.chat-header-info{gap:12px}.chat-avatar,.chat-avatar *{align-items:center;background:var(--accent-primary);border-radius:50%;color:#0c0c0a!important;display:flex;height:40px;justify-content:center;width:40px}[data-theme=light] .chat-avatar,[data-theme=light] .chat-avatar *{color:#fff!important}.message-avatar,.message-avatar *{align-items:center;background:var(--accent-primary);border-radius:50%;color:#0c0c0a!important;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}[data-theme=light] .message-avatar,[data-theme=light] .message-avatar *{color:#fff!important}.chat-header h4{color:var(--text-primary);font-size:15px;font-weight:600;margin:0}.chat-status{align-items:center;color:var(--text-tertiary);display:flex;font-size:12px;gap:6px;opacity:.8}.status-dot{animation:statusPulse 2s infinite;background:var(--accent-primary);border-radius:50%;height:8px;width:8px}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.5}}.chat-close{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.chat-close:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--bg-primary)}.chat-messages{background:var(--bg-primary);display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:20px}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#0000}.chat-messages::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.chat-message{display:flex;gap:10px;max-width:85%}.chat-message.user{align-self:flex-end;flex-direction:row-reverse}.chat-message.assistant{align-self:flex-start}.message-content{border-radius:18px;color:var(--text-primary);font-size:14px;line-height:1.5;padding:12px 16px}.chat-message.assistant .message-content{background:var(--bg-card);border-bottom-left-radius:4px}.chat-message.user .message-content{background:var(--accent-primary);border-bottom-right-radius:4px;color:var(--bg-primary)}.message-content.typing{display:flex;gap:4px;padding:16px 20px}.message-content.typing span{animation:typing 1.4s infinite;background:var(--accent-primary);border-radius:50%;height:8px;width:8px}.message-content.typing span:nth-child(2){animation-delay:.2s}.message-content.typing span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-8px)}}.chat-suggestions{background:var(--bg-primary);border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:8px;padding:12px 20px}.suggestion-chip{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;color:var(--text-secondary);cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.suggestion-chip:hover{background:var(--bg-card-hover);border-color:var(--accent-primary);color:var(--accent-primary)}.chat-input-form{background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;gap:10px;padding:16px 20px}.chat-input{background:var(--bg-card);border:1px solid var(--border-color);border-radius:24px;color:var(--text-primary);flex:1 1;font-size:14px;outline:none;padding:12px 18px;transition:all .2s ease}.chat-input::placeholder{color:var(--text-muted)}.chat-input:focus{background:var(--bg-card-hover);border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--bg-tertiary)}.chat-send{align-items:center;background:var(--accent-primary);border:none;border-radius:50%;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s ease;width:44px}.chat-send,.chat-send *{color:#0c0c0a!important}[data-theme=light] .chat-send,[data-theme=light] .chat-send *{color:#fff!important}.chat-send:hover:not(:disabled){box-shadow:0 4px 15px var(--shadow-glow);transform:scale(1.05)}.chat-send:disabled{cursor:not-allowed;opacity:.5}.chat-footer{background:var(--bg-secondary);color:var(--text-muted);font-size:11px;padding:10px;text-align:center}@media screen and (max-width:750px){.chat-toggle{bottom:20px;height:54px;right:20px;width:54px}.chat-toggle-badge{display:none}.chat-window{border-radius:0!important;bottom:0!important;display:flex;flex-direction:column;height:100vh!important;height:100dvh!important;left:0!important;max-height:none!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:1200!important}.chat-header{flex-shrink:0;padding:max(16px,env(safe-area-inset-top)) 16px 16px}.chat-messages{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:16px}.chat-suggestions{flex-shrink:0;padding:10px 16px}.chat-input-form{flex-shrink:0;padding:12px 16px max(12px,env(safe-area-inset-bottom))}.chat-input{font-size:16px!important}.chat-toggle.open{display:none!important}}[data-theme=light] .chat-window{background:#fff;border-color:#0000001a}[data-theme=light] .chat-messages{background:#f8f4ee}[data-theme=light] .chat-message.assistant .message-content{background:#fff;border:1px solid #00000014}[data-theme=light] .message-content{color:#1c1610}[data-theme=light] .chat-input{background:#fff;border-color:#0000001f;color:#1c1610}[data-theme=light] .chat-input::placeholder{color:#00000059}[data-theme=light] .suggestion-chip{background:#fff;border-color:#0000001a;color:#3c3024}[data-theme=light] .chat-footer{background:#fff;color:#0006}[data-theme=light] .chat-toggle.open{background:#fff;color:#1c1610}.timeline-container{margin:60px auto;max-width:1200px;padding:0 5%;position:relative;width:100%;z-index:1}.timeline-header{color:var(--text-primary);font-size:50px;font-weight:600;margin-bottom:50px;text-align:center}.timeline{margin:0 auto;max-width:1000px;overflow:visible;padding:40px 0;position:relative}.timeline:before{background:var(--accent-gradient);border-radius:2px;content:"";height:100%;left:50%;position:absolute;transform:translateX(-50%);width:4px}.timeline-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;box-sizing:border-box;cursor:pointer;margin:40px 0;overflow:visible;padding:40px;position:relative;transition:all .5s cubic-bezier(.4,0,.2,1);width:calc(50% - 30px)}.timeline-item:hover{background:var(--bg-card-hover);border-color:var(--accent-primary);box-shadow:0 10px 30px var(--shadow-color);transform:translateY(-5px)}.timeline-item:nth-child(odd){margin-left:auto}.timeline-dot{align-items:center;background:var(--accent-gradient);border-radius:50%;box-shadow:0 4px 15px var(--shadow-glow);display:flex;height:40px;justify-content:center;left:-50px;position:absolute;top:20px;width:40px}.timeline-dot,.timeline-dot *,.timeline-dot svg,.timeline-dot svg *,.timeline-dot svg path{fill:#0c0c0a!important;color:#0c0c0a!important}[data-theme=light] .timeline-dot,[data-theme=light] .timeline-dot *,[data-theme=light] .timeline-dot svg,[data-theme=light] .timeline-dot svg *,[data-theme=light] .timeline-dot svg path{fill:#fff!important;color:#fff!important}.timeline-icon{font-size:20px}.timeline-item:nth-child(odd) .timeline-dot{left:auto;right:-50px}.timeline-year{color:var(--accent-primary);font-size:1.1rem;font-weight:500;margin-bottom:12px}.timeline-title{-webkit-text-fill-color:#0000;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:600;margin-bottom:20px;position:relative}.timeline-title:after{background:var(--accent-gradient);border-radius:2px;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:60px}.timeline-institution{color:var(--text-secondary);font-size:1.1rem;margin-bottom:20px}.expand-button{align-items:center;background:#0000;border:none;border-radius:30px;color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;margin:15px 0;padding:12px;transition:all .3s ease;width:40px}.expand-button:hover{color:var(--accent-primary);transform:translateY(-2px)}.expand-button.active{transform:rotate(180deg)}.timeline-description{word-wrap:break-word;color:var(--text-secondary);font-size:1rem;line-height:1.8;overflow:hidden;white-space:pre-line}.timeline-item.expanded{border-color:var(--accent-primary);box-shadow:0 15px 40px var(--shadow-color)}.timeline-item.expanded:after{background:var(--accent-gradient);border-radius:22px;bottom:-2px;content:"";left:-2px;opacity:.3;position:absolute;right:-2px;top:-2px;z-index:-1}.timeline-item.current{border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary),0 0 30px #50fa7b1f}[data-theme=light] .timeline-item.current{box-shadow:0 0 0 1px var(--accent-primary),0 0 30px #b8501f1a}.timeline-item.current .timeline-year:before{animation:livePulse 1.8s ease-in-out infinite;background:var(--accent-primary);border-radius:50%;content:"";display:inline-block;height:8px;margin-right:8px;vertical-align:middle;width:8px}.timeline-item.current .timeline-year:after{background:var(--accent-primary);border-radius:4px;color:var(--bg-primary);content:"LIVE";display:inline-block;font-size:10px;font-weight:700;letter-spacing:2px;margin-left:10px;padding:2px 8px;vertical-align:middle}[data-theme=light] .timeline-item.current .timeline-year:after{color:#fff}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.timeline-item.current .timeline-dot:after{animation:dotRing 2s ease-out infinite;border:2px solid var(--accent-primary);border-radius:50%;content:"";inset:-4px;opacity:0;position:absolute}@keyframes dotRing{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}@media screen and (max-width:1040px){.timeline-container{margin:50px 7vw 0 20vw;padding:0 20px}.timeline-header{font-size:40px;text-align:left}}@media screen and (max-width:768px){.timeline-container{margin:80px auto 40px;padding:0 20px}.timeline-header{font-size:36px;margin-bottom:30px;text-align:center}.timeline:before{left:30px}.timeline-item{margin-left:60px!important;padding:30px;width:calc(100% - 60px)}.timeline-item .timeline-dot{height:35px;left:-45px!important;width:35px}.timeline-title{font-size:1.5rem}.timeline-description,.timeline-institution,.timeline-year{font-size:1rem}.timeline-icon{font-size:16px}}@media screen and (max-width:480px){.timeline-container{padding:20px 15px}.timeline-header{font-size:30px}.timeline-item{padding:20px}.timeline-title{font-size:1.3rem}.timeline-description,.timeline-institution,.timeline-year{font-size:.9rem}}
/*# sourceMappingURL=main.4e27fdc0.css.map*/