*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;font-family:"Poppins",system-ui,-apple-system,sans-serif}::selection{background-color:#6366F1;color:#FFFFFF}::-moz-selection{background-color:#6366F1;color:#FFFFFF}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.icon{width:1em;height:1em;fill:currentColor;vertical-align:-0.125em;flex-shrink:0;display:inline-block}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.thank-you-message{color:#a78bfa;font-size:1.6rem;text-align:center;opacity:0;transform:translateY(8px);max-height:0;margin-top:0;overflow:hidden;pointer-events:none;transition:opacity .45s ease,transform .45s ease,max-height .45s ease,margin-top .45s ease}.thank-you-message.is-visible{opacity:1;transform:translateY(0);max-height:6rem;margin-top:20px;pointer-events:auto}@media (prefers-reduced-motion:reduce){.thank-you-message{transition:opacity .2s ease}}:root{--bg-color:radial-gradient(1200px circle at 10% 10%,rgba(124,58,237,.15),transparent 40%),radial-gradient(900px circle at 90% 20%,rgba(44,183,255,.12),transparent 40%),radial-gradient(700px circle at 50% 90%,rgba(236,72,153,.08),transparent 40%),linear-gradient(180deg,#0B0F19 0%,#050510 100%),#050510;--second-bg-color:radial-gradient(1200px circle at 10% 10%,rgba(124,58,237,.15),transparent 40%),radial-gradient(900px circle at 90% 20%,rgba(44,183,255,.12),transparent 40%),radial-gradient(700px circle at 50% 90%,rgba(236,72,153,.08),transparent 40%),linear-gradient(180deg,#0B0F19 0%,#050510 100%),#111827;--text-color:white;--muted-text-color:rgba(255,255,255,.88);--main-color:#6366F1}html{font-size:60%;overflow-x:hidden}body{background:var(--bg-color);color:var(--text-color);overflow-x:hidden;max-width:100vw}body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.06;background-image:url("../image/noise.svg")}span{background:linear-gradient(135deg,#7F5AF0,#2CB7FF);background-clip:text;-webkit-background-clip:text;color:transparent}section{min-height:100vh;padding:10rem 15%;max-width:100vw;overflow-x:hidden}.home{display:flex;align-items:center;justify-content:center;gap:15rem;position:relative;overflow:hidden}#particles-bg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.home-content,.home-img{position:relative;z-index:1}.home-content{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.home-content h1{font-size:8rem;font-weight:600;margin-top:1.5rem;line-height:1}.home-content h3{margin:1rem 0;font-size:4rem}.visible{left:50%;transform:translateX(-50%);opacity:1}@keyframes blink{50%{border-color:transparent}}.home-content p{font-size:1.8rem;font-weight:500;line-height:1.8;max-width:420px;color:var(--muted-text-color);margin-top:2rem}.home-img img,.home-img video{width:30vw;border-radius:50%;box-shadow:0 0 25px var(--main-color);transition:.4s ease-in-out;object-fit:cover}.home-img img:hover,.home-img video:hover{box-shadow:0 0 25px var(--main-color),0 0 50px var(--main-color),0 0 100px var(--main-color)}.social-icons a{text-decoration:none;display:inline-flex;justify-content:center;align-items:center;font-size:3rem;padding:1rem;background:transparent;border:2px solid var(--main-color);border-radius:50%;color:var(--main-color);margin:3rem .5rem;transition:.3s ease-in-out}.social-icons a:hover{color:var(--text-color);background-color:var(--main-color);transform:scale(1.2)translateY(-5px)}.btn-group{display:flex;gap:1.5rem}.btn{outline:none;display:inline-block;padding:1rem 3rem;background-color:var(--main-color);box-shadow:0 0 25px rgba(99,102,241,.5);border-radius:3rem;font-size:2.1rem;color:black;border:2px solid transparent;font-weight:600;transition:.3s ease-in-out}.btn:hover{transform:scale(1.05);box-shadow:0 0 25px rgba(99,102,241,.3),0 0 50px rgba(99,102,241,.3)}.btn-group a:nth-of-type(2){background-color:black;color:var(--main-color);border:2px solid var(--main-color);box-shadow:0 0 25px transparent}.btn-group a:nth-of-type(2):hover{box-shadow:0 0 25px var(--main-color);background-color:var(--main-color);color:black}.about{display:flex;justify-content:center;align-items:center;gap:10rem;background-color:var(--second-bg-color)}.about-img img{width:33vw;max-width:500px;border-radius:30px;box-shadow:0 0 25px var(--main-color);transition:.4s ease-in-out}@media (hover:hover){.about-img img:hover{box-shadow:0 0 25px var(--main-color),0 0 50px var(--main-color),0 0 100px var(--main-color)}}.about-content h2{font-size:7rem;text-align:left}.about-content p{font-size:1.8rem;line-height:1.8;color:var(--muted-text-color)}.about-content .btn{margin:3rem 0}::-webkit-scrollbar{width:20px}::-webkit-scrollbar-thumb{background-color:var(--main-color)}::-webkit-scrollbar-track{background-color:var(--bg-color)}.heading{justify-content:center;text-align:center;font-size:7rem;font-weight:600;margin:7rem 0}.services{background-color:var(--bg-color);color:black}.services h2{color:var(--text-color)}.skills-container{display:grid;grid-template-columns:repeat(2,1fr);gap:2.5rem;margin-top:5rem}.skill-card{background:rgba(15,20,35,.4);border:1px solid rgba(255,255,255,.07);border-radius:2rem;padding:3rem;transition:.4s ease-in-out;box-shadow:0 4px 20px rgba(0,0,0,.2);display:flex;flex-direction:column;gap:2.5rem;backdrop-filter:blur(10px)}.skill-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px rgba(99,102,241,.12);border-color:rgba(99,102,241,.25)}.skill-header{display:flex;flex-direction:row;align-items:center;gap:1.8rem}.skill-icon{width:55px;height:55px;min-width:55px;background:rgba(99,102,241,.08);border:1px solid rgba(99,102,241,.2);border-radius:1.4rem;display:flex;align-items:center;justify-content:center}.skill-icon i,.skill-icon .icon{font-size:2.8rem;color:#6dd5ed}.skill-title h3{font-size:2.4rem;color:var(--text-color);font-weight:700;margin-bottom:.2rem;line-height:1.2}.skill-title p{font-size:1.3rem;color:#8c8c8c;margin:0}.skill-tags{display:flex;flex-wrap:wrap;gap:1rem;list-style:none}.skill-tag{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);padding:.7rem 1.5rem;border-radius:2rem;font-size:1.25rem;color:#d1d5db;transition:.3s ease;cursor:default}.skill-tag:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);color:#fff}.skills-marquee{margin-top:3.6rem;padding:5rem 0 1rem;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.marquee-track{display:flex;width:max-content;animation:marquee-scroll 48s linear infinite;will-change:transform;backface-visibility:hidden}.marquee-track.is-paused{animation-play-state:paused}.marquee-item{position:relative;width:9rem;height:9rem;margin-right:2.5rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:rgba(15,20,35,.4);border:1px solid rgba(255,255,255,.07);border-radius:1.8rem;box-shadow:0 4px 20px rgba(0,0,0,.2);backdrop-filter:blur(10px);transition:.4s ease-in-out}@media (hover:hover){.marquee-item:hover{transform:translateY(-4px);box-shadow:0 10px 30px rgba(99,102,241,.18)}}.marquee-item[data-tip]::after,.marquee-item[data-tip]::before{position:absolute;bottom:100%;left:50%;opacity:0;pointer-events:none;transition:opacity .28s ease,transform .28s cubic-bezier(.22,1,.36,1);z-index:20}.marquee-item[data-tip]::after{content:attr(data-tip);margin-bottom:1.2rem;transform:translate(-50%,.6rem) scale(.96);transform-origin:bottom center;padding:.7rem 1.3rem;font-size:1.3rem;font-weight:600;letter-spacing:.2px;line-height:1;white-space:nowrap;color:#fff;background:linear-gradient(180deg,rgba(28,33,52,.92),rgba(17,21,36,.92));border:1px solid rgba(255,255,255,.12);border-radius:1rem;box-shadow:0 12px 30px rgba(0,0,0,.4),0 0 0 1px rgba(99,102,241,.18),inset 0 1px 0 rgba(255,255,255,.08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.marquee-item[data-tip]::before{content:"";margin-bottom:.65rem;width:1rem;height:1rem;transform:translate(-50%,.6rem) rotate(45deg);background:rgba(20,24,40,.92);border-right:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}.marquee-item[data-tip].show-tip::after{opacity:1;transform:translate(-50%,0) scale(1)}.marquee-item[data-tip].show-tip::before{opacity:1;transform:translate(-50%,0) rotate(45deg)}@media (hover:hover){.marquee-item[data-tip]:hover::after{opacity:1;transform:translate(-50%,0) scale(1)}.marquee-item[data-tip]:hover::before{opacity:1;transform:translate(-50%,0) rotate(45deg)}}body.light-mode .marquee-item[data-tip]::after{color:#0b0f19;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(244,246,252,.96));border-color:rgba(15,23,42,.1);box-shadow:0 12px 30px rgba(31,41,55,.18),0 0 0 1px rgba(99,102,241,.16),inset 0 1px 0 rgba(255,255,255,.9)}body.light-mode .marquee-item[data-tip]::before{background:rgba(249,250,254,.96);border-right-color:rgba(15,23,42,.1);border-bottom-color:rgba(15,23,42,.1)}.marquee-item img{width:5rem;height:5rem;object-fit:contain}.marquee-item--swap{position:relative}.marquee-item--swap img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:opacity .45s ease}.marquee-item--swap .logo-light{opacity:0}body.light-mode .marquee-item--swap .logo-dark{opacity:0}body.light-mode .marquee-item--swap .logo-light{opacity:1}@keyframes marquee-scroll{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}@media (prefers-reduced-motion:reduce){.marquee-track{animation:none;flex-wrap:wrap;justify-content:center;width:100%;gap:2.5rem}.marquee-item{margin-right:0}}.contact{background-color:var(--bg-color);padding:10rem 8%}.contact h2{margin-bottom:5rem;color:var(--text-color);text-align:center}.contact-container{display:flex;gap:5rem;max-width:1200px;margin:0 auto;align-items:stretch}.contact-info,.contact-form-container{background:rgba(15,20,35,.4);border:1px solid rgba(255,255,255,.05);border-top:1px solid rgba(121,44,255,.3);border-radius:3rem;padding:4rem;backdrop-filter:blur(10px);box-shadow:0 4px 20px rgba(0,0,0,.2);transition:.4s ease-in-out}.contact-info:hover,.contact-form-container:hover{box-shadow:0 10px 30px rgba(121,44,255,.1);border-top:1px solid rgba(121,44,255,.8)}.contact-info{flex:1;display:flex;flex-direction:column;justify-content:center}.contact-info h3{font-size:3.2rem;margin-bottom:1.5rem;color:var(--text-color)}.contact-info>p{font-size:1.6rem;color:#a0a0a0;margin-bottom:4rem;line-height:1.6}.info-items{display:flex;flex-direction:column;gap:3rem}.info-item{display:flex;align-items:center;gap:2rem}.info-icon{width:60px;height:60px;background:rgba(121,44,255,.1);border:1px solid rgba(121,44,255,.2);border-radius:1.5rem;display:flex;align-items:center;justify-content:center;transition:.3s ease}.info-icon:hover{background:var(--main-color);transform:scale(1.05)}.info-icon:hover i,.info-icon:hover .icon{color:#fff}.info-icon i,.info-icon .icon{font-size:2.8rem;color:var(--main-color);transition:.3s ease}.info-text h4{font-size:1.8rem;margin-bottom:.5rem;color:#fff}.info-text a,.info-text p{font-size:1.5rem;color:#a0a0a0;text-decoration:none;transition:.3s ease}.info-text a:hover{color:var(--main-color)}.contact-form-container{flex:1.5}.modern-form{display:flex;flex-direction:column;gap:2rem}.modern-form .input-group{display:flex;gap:2rem}.modern-form .input-box{flex:1}.modern-form .input-box.full-width{width:100%}.modern-form input,.modern-form textarea{width:100%;padding:1.8rem;font-size:1.6rem;color:var(--text-color);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:1.5rem;outline:none;transition:.3s ease;resize:none}.modern-form input::placeholder,.modern-form textarea::placeholder{color:#7a7a7a}.modern-form input:focus,.modern-form textarea:focus{border-color:var(--main-color);background:rgba(121,44,255,.05);box-shadow:0 0 15px rgba(121,44,255,.2)}.contact-submit-btn{display:inline-flex;align-items:center;justify-content:center;gap:1rem;align-self:flex-start;margin-top:1rem;cursor:pointer;border:none;color:white}.send-text{color:white}.contact-submit-btn i{font-size:2.4rem}.footer{background-color:var(--second-bg-color);padding:50px 0}.footer .social-icons{text-align:center}.footer .copyright{text-align:center;margin-top:40px;font-size:16px}.preloader{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#050510;display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity .5s ease,visibility .5s ease}.preloader.fade-out{opacity:0;visibility:hidden}.loader-content{display:flex;flex-direction:column;align-items:center;gap:2rem}.spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.1);border-top-color:var(--main-color);border-radius:50%;animation:spin 1s linear infinite}.loader-content h2{font-size:3rem;color:var(--text-color);font-weight:700;letter-spacing:2px;margin:0}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes hero-in-right{from{opacity:0;transform:translateX(90px) scale(.95)}to{opacity:1;transform:none}}@keyframes hero-in-left{from{opacity:0;transform:translateX(-90px) scale(.95)}to{opacity:1;transform:none}}@keyframes hero-in-up{from{opacity:0;transform:translateY(60px) scale(.97)}to{opacity:1;transform:none}}.home-content{animation:hero-in-right 1.1s cubic-bezier(.16,1,.3,1) .85s both}.home-img{animation:hero-in-left 1.1s cubic-bezier(.16,1,.3,1) 1.05s both}.fade-in{opacity:0;transform:translateY(44px);transition:opacity .75s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0ms)}.fade-in[data-reveal="left"]{transform:translateX(-60px)}.fade-in[data-reveal="right"]{transform:translateX(60px)}.fade-in[data-reveal="clip"]{transform:translateY(52px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.22,1.12,.36,1)}.contact-info.fade-in,.contact-form-container.fade-in{transition:opacity 1s cubic-bezier(.22,1,.36,1),transform 1.15s cubic-bezier(.22,1,.36,1)}.fade-in.show{opacity:1;transform:none}.skill-card.fade-in:hover{transform:translateY(-4px)}.hidden{visibility:hidden}.fade-in.show.hidden{visibility:visible}.mention{color:var(--main-color);text-decoration:underline}@media(max-width:1285px){html{font-size:55%}.header{padding:3rem 8%}section{padding:10rem 8%}}@media(max-width:1024px){section{min-height:auto}.home{flex-direction:column-reverse;margin:2rem 0;gap:3rem;left:0 !important;transform:none !important;padding-top:12rem;padding-bottom:4rem}.home-img video{width:60vw;max-width:350px;height:auto}.home-content{align-items:center;text-align:center}.home-img img{width:60vw;max-width:350px}.home-content h1{font-size:5rem}.home-content h3{font-size:3rem}.home-content p{font-size:1.6rem;max-width:420px;margin-top:1.5rem}.social-icons a{font-size:2.5rem;margin:2rem .5rem}.btn-group{flex-direction:column;gap:1rem;width:100%}.btn{font-size:1.8rem;width:100%}.about{align-items:center;flex-direction:column-reverse;text-align:center;gap:3rem}.about h2{text-align:center;margin:2rem 0;font-size:4.5rem}.about-img img{width:70vw;max-width:400px}.about-content p{font-size:1.6rem}.skills-container{grid-template-columns:1fr}.skill-card{padding:2.5rem}.marquee-item{width:7rem;height:7rem;margin-right:1.6rem;border-radius:1.4rem}.marquee-item img{width:4rem;height:4rem}.contact-container{flex-direction:column;gap:3rem}.contact-info,.contact-form-container{padding:3rem 2rem}.modern-form .input-group{flex-direction:column;gap:2rem}.contact-submit-btn{width:100%}.heading{font-size:4rem;margin:2rem 0}::-webkit-scrollbar{display:none}.logo{font-size:2.2rem}}@media only screen and (max-width:600px){html{font-size:50%}.header{padding:2rem 5%}section{padding:4rem 5%}.skill-card{padding:2rem;gap:2rem}.skill-title h3{font-size:2rem}.home{gap:2rem;margin:1rem 0}.home-content h1{font-size:4rem;text-wrap:balance}.home-content h3{font-size:2.5rem}.home-content p{font-size:1.7rem;max-width:90%;margin-top:1.2rem;text-wrap:pretty}.home-img img,.home-img video{width:56vw;max-width:240px}.social-icons a{font-size:2.2rem;padding:.8rem;margin:1.5rem .4rem;min-width:44px;min-height:44px}.heading{font-size:3.5rem}.about h2{font-size:3.5rem}.about-img img{width:80vw}.btn{font-size:1.6rem;padding:1rem 2rem}.contact-info,.contact-form-container{padding:2rem 1.5rem}.contact-info h3{font-size:2.5rem}.modern-form input,.modern-form textarea{padding:1.5rem;font-size:1.4rem}.logo{font-size:2rem}}body.light-mode{--bg-color:#F8FAFC;--second-bg-color:#F1F5F9;--text-color:#0F172A;--muted-text-color:#334155;--main-color:#6366F1}body.light-mode .header{background:rgba(255,255,255,.7);box-shadow:0 4px 15px rgba(0,0,0,.05)}body.light-mode .header.scrolled{background:rgba(255,255,255,.55);border-color:rgba(255,255,255,.6);box-shadow:0 8px 32px rgba(15,23,42,.12),inset 0 1px 0 0 rgba(255,255,255,.75),inset 0 -1px 0 0 rgba(15,23,42,.03)}@media(min-width:1025px){body.light-mode .header.scrolled{box-shadow:0 14px 40px rgba(15,23,42,.14),0 2px 8px rgba(15,23,42,.08),inset 0 1px 0 0 rgba(255,255,255,.8),inset 0 -1px 0 0 rgba(15,23,42,.04)}}body.light-mode .navbar a{color:#0F172A}body.light-mode .navbar a:hover,body.light-mode .navbar a.active{color:var(--main-color)}body.light-mode .preloader{background-color:#F8FAFC}body.light-mode .skill-card,body.light-mode .contact-info,body.light-mode .contact-form-container{background:#ffffff;border:1px solid rgba(0,0,0,.1);box-shadow:0 4px 20px rgba(0,0,0,.05)}body.light-mode .skill-card:hover,body.light-mode .contact-info:hover,body.light-mode .contact-form-container:hover{box-shadow:0 10px 30px rgba(0,0,0,.1);border-top:1px solid var(--main-color)}body.light-mode .skill-icon i,body.light-mode .skill-icon .icon{color:#0F172A}body.light-mode .skill-title p,body.light-mode .contact-info>p,body.light-mode .info-text a,body.light-mode .info-text p{color:#475569}body.light-mode .info-text h4{color:#0F172A}body.light-mode .skill-tag{background:#F1F5F9;border:1px solid rgba(0,0,0,.1);color:#334155}body.light-mode .skill-tag:hover{background:#E2E8F0;border-color:rgba(0,0,0,.2);color:#000}body.light-mode .marquee-item{background:#ffffff;border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 20px rgba(0,0,0,.06)}@media (hover:hover){body.light-mode .marquee-item:hover{box-shadow:0 10px 30px rgba(99,102,241,.18)}}body.light-mode .project-item{background:#ffffff;border:2px solid rgba(0,0,0,.05);box-shadow:0 4px 20px rgba(0,0,0,.05)}body.light-mode .project-thumbnail{background:#F1F5F9}body.light-mode .project-info p{color:#475569}body.light-mode .modal-content{background:#F8FAFC;border:1px solid rgba(0,0,0,.1)}body.light-mode .modal-details{background:#F1F5F9;border:1px solid rgba(0,0,0,.1)}body.light-mode .modal-description{color:#475569}body.light-mode .modern-form input,body.light-mode .modern-form textarea{background:rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.1);color:#0F172A}body.light-mode .modern-form input:focus,body.light-mode .modern-form textarea:focus{background:rgba(0,0,0,.05)}body.light-mode .btn,body.light-mode .project-btn{color:#ffffff}body.light-mode .btn:nth-of-type(2){background-color:transparent;color:var(--main-color);border:2px solid var(--main-color)}body.light-mode .btn:nth-of-type(2):hover{background-color:var(--main-color);color:white}body.light-mode .filter-btn{color:#0F172A}body.light-mode .filter-btn:hover,body.light-mode .filter-btn.active{color:#ffffff}body.light-mode .mention{color:var(--main-color)}.theme-switch{position:relative;width:6.4rem;height:3.2rem;background-color:rgba(255,255,255,.07);-webkit-backdrop-filter:blur(10px) saturate(160%);backdrop-filter:blur(10px) saturate(160%);border-radius:3.2rem;border:1px solid rgba(255,255,255,.16);cursor:pointer;display:flex;align-items:center;padding:0 .4rem;transition:all .4s cubic-bezier(.4,.0,.2,1);outline:none;box-shadow:inset 0 1px 0 0 rgba(255,255,255,.22),inset 0 -1px 0 0 rgba(0,0,0,.15)}.theme-switch:hover{border-color:rgba(99,102,241,.7);box-shadow:0 0 15px rgba(99,102,241,.3),inset 0 1px 0 0 rgba(255,255,255,.28)}.switch-thumb{width:2.4rem;height:2.4rem;background-color:#F8FAFC;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.4,.0,.2,1);transform:translateX(0);box-shadow:0 2px 5px rgba(0,0,0,.2)}.switch-thumb i,.switch-thumb .icon{font-size:1.4rem;color:#050510;transition:transform .4s ease}body.light-mode .theme-switch{background-color:rgba(255,255,255,.55);border-color:rgba(15,23,42,.18);box-shadow:inset 0 1px 0 0 rgba(255,255,255,.9),0 1px 3px rgba(15,23,42,.08)}body.light-mode .theme-switch:hover{border-color:rgba(99,102,241,.6);box-shadow:0 0 15px rgba(99,102,241,.25),inset 0 1px 0 0 rgba(255,255,255,.9)}body.light-mode .switch-thumb{background-color:#0F172A;transform:translateX(2.8rem)}body.light-mode .switch-thumb i,body.light-mode .switch-thumb .icon{color:#F8FAFC}.header-actions{display:flex;align-items:center;gap:1.2rem}.lang-select{position:relative}.lang-current{display:inline-flex;align-items:center;gap:.6rem;height:3.2rem;padding:0 1.1rem;background-color:rgba(255,255,255,.07);-webkit-backdrop-filter:blur(10px) saturate(160%);backdrop-filter:blur(10px) saturate(160%);border:1px solid rgba(255,255,255,.16);border-radius:3.2rem;color:var(--text-color);font-family:"Poppins",sans-serif;font-size:1.3rem;font-weight:700;letter-spacing:.5px;cursor:pointer;outline:none;transition:all .3s ease;box-shadow:inset 0 1px 0 0 rgba(255,255,255,.22),inset 0 -1px 0 0 rgba(0,0,0,.15)}.lang-current:hover{border-color:rgba(99,102,241,.7);box-shadow:0 0 15px rgba(99,102,241,.3),inset 0 1px 0 0 rgba(255,255,255,.28)}.lang-current .lang-globe{font-size:1.8rem;color:var(--main-color)}.lang-current .lang-caret{font-size:1.4rem;color:#9ca3af;transition:transform .3s ease}.lang-code{background:none;background-clip:border-box;-webkit-background-clip:border-box;-webkit-text-fill-color:currentColor;color:var(--text-color)}.lang-select.open .lang-current{border-color:var(--main-color)}.lang-select.open .lang-caret{transform:rotate(180deg)}.lang-menu{position:absolute;top:calc(100% + .9rem);right:0;min-width:15rem;margin:0;padding:.6rem;list-style:none;background:rgba(15,20,35,.96);border:1px solid rgba(255,255,255,.1);border-top:1px solid rgba(121,44,255,.4);border-radius:1.4rem;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 12px 34px rgba(0,0,0,.55);opacity:0;visibility:hidden;transform:translateY(-0.8rem);transition:opacity .25s ease,transform .25s ease,visibility .25s;z-index:1100}.lang-select.open .lang-menu{opacity:1;visibility:visible;transform:translateY(0)}.lang-menu li + li{margin-top:.3rem}.lang-item{display:flex;align-items:center;gap:.9rem;width:100%;padding:1rem 1.1rem;background:transparent;border:none;border-radius:1rem;color:var(--text-color);font-family:"Poppins",sans-serif;font-size:1.4rem;font-weight:500;text-align:left;cursor:pointer;transition:background .2s ease,color .2s ease}.lang-item:hover{background:rgba(99,102,241,.16)}.lang-item .lang-badge{margin-right:.2rem;min-width:2.6rem;padding:.25rem .4rem;font-size:1.05rem;font-weight:700;letter-spacing:.5px;text-align:center;color:var(--main-color);background:rgba(99,102,241,.12);background-clip:border-box;-webkit-background-clip:border-box;-webkit-text-fill-color:currentColor;border:1px solid rgba(99,102,241,.3);border-radius:.6rem}.lang-item .lang-check{margin-left:auto;font-size:1.8rem;color:var(--main-color);opacity:0}.lang-item.active{background:linear-gradient(135deg,rgba(127,90,240,.28),rgba(44,183,255,.18));color:#ffffff}.lang-item.active .lang-check{opacity:1}body.light-mode .lang-current{background-color:rgba(255,255,255,.55);border-color:rgba(15,23,42,.18);box-shadow:inset 0 1px 0 0 rgba(255,255,255,.9),0 1px 3px rgba(15,23,42,.08)}body.light-mode .lang-current:hover{border-color:rgba(99,102,241,.6);box-shadow:0 0 15px rgba(99,102,241,.25),inset 0 1px 0 0 rgba(255,255,255,.9)}body.light-mode .lang-current .lang-caret{color:#64748b}body.light-mode .lang-menu{background:rgba(255,255,255,.98);border:1px solid rgba(0,0,0,.1);border-top:1px solid rgba(99,102,241,.4);box-shadow:0 12px 34px rgba(0,0,0,.15)}body.light-mode .lang-item:hover{background:rgba(99,102,241,.1)}body.light-mode .lang-item.active{background:linear-gradient(135deg,rgba(127,90,240,.16),rgba(44,183,255,.12));color:#0F172A}@media(max-width:1024px){body.light-mode .navbar{background:rgba(255,255,255,.6) !important;box-shadow:-8px 0 40px rgba(15,23,42,.12),inset 1px 0 0 0 rgba(255,255,255,.8)}body.light-mode .navbar a{border-bottom-color:rgba(15,23,42,.08)}body.light-mode .navbar a:hover,body.light-mode .navbar a.active,body.light-mode .navbar a.active:hover{background:rgba(99,102,241,.12);color:var(--main-color)}}@media(max-width:480px){.header-actions{gap:.7rem}}@media (max-width:400px){.home{gap:1.5rem}.home-content h1{font-size:3.4rem}.home-content h3{font-size:2.1rem}.home-content p{font-size:1.6rem}.home-img img,.home-img video{width:52vw;max-width:200px}}@media (max-width:1024px){.home-content{animation-name:hero-in-up;animation-delay:.85s}.home-img{animation-name:hero-in-up;animation-delay:1.05s}.fade-in[data-reveal="left"],.fade-in[data-reveal="right"]{transform:translateY(48px) scale(.97);transform-origin:bottom center}.fade-in[data-reveal="left"].show,.fade-in[data-reveal="right"].show{transform:none}}@media (prefers-reduced-motion:reduce){.home-content,.home-img{animation:none;opacity:1;transform:none}.fade-in,.fade-in[data-reveal="left"],.fade-in[data-reveal="right"],.fade-in[data-reveal="clip"]{opacity:1;transform:none;transition:none}.hidden{visibility:visible}}.projects-modern{background-color:var(--second-bg-color);padding:10rem 15%;min-height:100vh}.projects-modern .heading{text-align:center;font-size:7rem;margin-bottom:2rem}.filter-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:1.2rem;margin:0 auto 6rem auto;max-width:950px}.filter-btn{padding:1rem 2.2rem;background:transparent;color:var(--text-color);border:2px solid var(--main-color);border-radius:3rem;font-size:1.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:'Poppins',sans-serif}.filter-btn:hover{background:var(--main-color);color:white;transform:translateY(-3px);box-shadow:0 5px 15px rgba(127,90,240,.5)}.filter-btn.active{background:var(--main-color);color:#ffffff;box-shadow:0 0 20px rgba(127,90,240,.5)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:3rem;max-width:1400px;margin:0 auto}.project-item{background:var(--bg-color);border-radius:2rem;overflow:hidden;border:2px solid transparent;transition:all .4s ease;position:relative}.project-item:hover{border-color:var(--main-color);transform:translateY(-8px);box-shadow:0 10px 40px rgba(28,191,212,.3)}.project-thumbnail{position:relative;width:100%;height:280px;overflow:hidden;background:var(--second-bg-color)}.project-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-item:hover .project-thumbnail img{transform:scale(1.1)}.project-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(127,90,240,1),rgba(94,229,247,.9));display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.project-item:hover .project-overlay{opacity:1}.project-overlay i,.project-overlay .icon{font-size:6rem;color:#fff;animation:pulse 1.5s infinite}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.project-info{padding:3rem 2.5rem}.project-meta{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.project-tag{display:inline-block;padding:.5rem 1.5rem;background:rgba(28,191,212,.1);color:var(--main-color);border:1px solid var(--main-color);border-radius:2rem;font-size:1.2rem;font-weight:600;letter-spacing:.5px}.project-info h3{font-size:2.4rem;margin-bottom:1.5rem;color:var(--text-color);font-weight:700;line-height:1.3}.project-info p{font-size:1.5rem;line-height:1.8;color:rgba(255,255,255,.8);margin-bottom:2.5rem;min-height:7rem}.project-btn{display:inline-flex;align-items:center;gap:1rem;padding:1.2rem 2.5rem;background:var(--main-color);color:white;border:none;border-radius:3rem;font-size:1.6rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:'Poppins',sans-serif;box-shadow:0 5px 15px rgba(75,0,130,.4)}.project-btn:hover{transform:translateX(5px);box-shadow:0 8px 25px rgba(75,0,130,.4)}.project-btn i,.project-btn .icon{font-size:2rem;transition:transform .3s ease}.project-btn:hover i,.project-btn:hover .icon{transform:translateX(5px)}.project-text-color{color:white}.project-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:none;opacity:0;transition:opacity .3s ease}.project-modal.active{display:flex;align-items:center;justify-content:center;opacity:1}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);backdrop-filter:blur(10px)}.modal-content{position:relative;width:90%;max-width:900px;max-height:90vh;background:var(--second-bg-color);border-radius:2rem;overflow-y:auto;z-index:10000;animation:modalSlideIn .4s ease}@keyframes modalSlideIn{from{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:2rem;right:2rem;width:4.5rem;height:4.5rem;background:var(--main-color);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10001;transition:all .3s ease}.modal-close:hover{transform:rotate(90deg);box-shadow:0 5px 20px rgba(75,0,130,.4)}.modal-close i,.modal-close .icon{font-size:2.5rem;color:#000}.modal-body{padding:5rem 4rem}.modal-header{margin-bottom:3rem}.modal-header h2{font-size:4rem;color:var(--text-color);margin-bottom:2rem}.modal-tags{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}.modal-image{width:100%;height:400px;border-radius:1.5rem;overflow:hidden;margin-bottom:3rem;border:2px solid var(--main-color)}.modal-image img{width:100%;height:100%;object-fit:cover}.modal-description{font-size:1.8rem;line-height:2;color:rgba(255,255,255,.9);margin-bottom:3rem;white-space:pre-line}.modal-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:3rem;padding:3rem;background:var(--bg-color);border-radius:1.5rem;border:1px solid var(--main-color)}.detail-item h4{font-size:1.4rem;color:var(--main-color);margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px}.detail-item p{font-size:1.6rem;color:var(--text-color)}.modal-links{display:flex;gap:2rem;flex-wrap:wrap}.modal-link{display:inline-flex;align-items:center;gap:1rem;padding:1.5rem 3rem;background:black;border:solid 1px var(--main-color);color:#fff;text-decoration:none;border-radius:3rem;font-size:1.7rem;font-weight:600;font-family:'Poppins',sans-serif;cursor:pointer;transition:all .3s ease}.modal-link:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(75,0,130,.4)}.modal-link.secondary{background:transparent;border:2px solid var(--main-color);color:var(--main-color)}.modal-link i,.modal-link .icon{font-size:2rem}.modal-content::-webkit-scrollbar{width:10px}.modal-content::-webkit-scrollbar-track{background:var(--bg-color)}.modal-content::-webkit-scrollbar-thumb{background:var(--main-color);border-radius:10px}@media(max-width:1285px){.projects-modern{padding:10rem 8%}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem}.project-info h3{font-size:2.2rem}.modal-body{padding:4rem 3rem}}@media(max-width:1024px){.projects-modern{padding:8rem 5%}.projects-modern .heading{font-size:4.5rem}.filter-slider-container{gap:.8rem;margin-bottom:4rem;padding:.8rem 1.5rem}.filter-nav{width:3rem;height:3rem}.filter-nav i{font-size:2rem}.filter-btn{padding:.8rem 2rem;font-size:1.4rem}.projects-grid{grid-template-columns:1fr;gap:2.5rem}.project-thumbnail{height:250px}.project-info{padding:2.5rem 2rem}.project-info h3{font-size:2.2rem}.project-info p{font-size:1.4rem;min-height:auto}.modal-content{width:95%;max-height:85vh}.modal-body{padding:4rem 2.5rem}.modal-header h2{font-size:3rem}.modal-image{height:300px}.modal-description{font-size:1.6rem}.modal-details{grid-template-columns:1fr;gap:1.5rem;padding:2rem}.modal-links{flex-direction:column}.modal-link{width:100%;justify-content:center}}@media(max-width:600px){.projects-modern{padding:6rem 5%}.projects-modern .heading{font-size:3.5rem}.filter-slider-container{gap:.5rem;padding:.8rem;margin-bottom:3rem;border-radius:2rem}.filter-nav{width:2.5rem;height:2.5rem}.filter-nav i{font-size:1.8rem}.filter-btn{padding:.6rem 1.5rem;font-size:1.2rem}.projects-grid{gap:2rem}.project-thumbnail{height:220px}.project-info{padding:2rem 1.5rem}.project-info h3{font-size:2rem}.project-info p{font-size:1.3rem}.project-btn{padding:1rem 2rem;font-size:1.4rem}.project-tag{font-size:1.1rem;padding:.4rem 1.2rem}.modal-close{width:4rem;height:4rem;top:1.5rem;right:1.5rem}.modal-close i,.modal-close .icon{font-size:2.2rem}.modal-body{padding:3.5rem 2rem}.modal-header h2{font-size:2.5rem}.modal-image{height:250px}.modal-description{font-size:1.5rem;line-height:1.8}.detail-item h4{font-size:1.3rem}.detail-item p{font-size:1.4rem}.modal-link{padding:1.2rem 2rem;font-size:1.5rem}}.project-item.hide{display:none}.project-item.is-clamped{display:none}.show-more-wrap{display:flex;justify-content:center;margin-top:5rem}.show-more-btn{display:inline-flex;align-items:center;gap:1rem;padding:1.3rem 3.2rem;background:transparent;color:var(--text-color);border:2px solid var(--main-color);border-radius:3rem;font-size:1.6rem;font-weight:600;font-family:'Poppins',sans-serif;cursor:pointer;transition:all .3s ease}.show-more-btn:hover{background:var(--main-color);color:#fff;transform:translateY(-3px);box-shadow:0 5px 15px rgba(127,90,240,.5)}.show-more-btn:hover .show-more-text{background:none;-webkit-background-clip:unset;background-clip:unset;color:#fff;-webkit-text-fill-color:#fff}.show-more-btn .icon{font-size:2rem;transition:transform .3s ease}.show-more-btn[aria-expanded="true"] .icon{transform:rotate(180deg)}@keyframes chevron-bounce-down{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}@keyframes chevron-bounce-up{0%,100%{transform:rotate(180deg) translateY(0)}50%{transform:rotate(180deg) translateY(4px)}}.show-more-btn:hover .icon{animation:chevron-bounce-down .8s ease-in-out infinite}.show-more-btn[aria-expanded="true"]:hover .icon{animation:chevron-bounce-up .8s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.show-more-btn:hover .icon,.show-more-btn[aria-expanded="true"]:hover .icon{animation:none}}.show-more-btn.is-hidden{display:none}body.light-mode .modal-link{background:var(--text-color);color:#F8FAFC}body.light-mode .modal-link span{background:none;-webkit-background-clip:unset;background-clip:unset;color:#fff;-webkit-text-fill-color:#fff}body.light-mode .modal-link:hover{box-shadow:0 8px 25px rgba(99,102,241,.3)}body.light-mode .modal-overlay{background:rgba(15,23,42,.7)}.pdf-viewer{position:fixed;inset:0;z-index:11000;display:none;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.pdf-viewer.active{display:flex;opacity:1}.pdf-viewer-overlay{position:absolute;inset:0;background:rgba(0,0,0,.85);backdrop-filter:blur(8px)}.pdf-viewer-window{position:relative;z-index:1;display:flex;flex-direction:column;width:90%;max-width:880px;height:88vh;max-height:920px;background:var(--second-bg-color);border:2px solid var(--main-color);border-radius:2rem;overflow:hidden;box-shadow:0 25px 70px rgba(0,0,0,.55);animation:modalSlideIn .4s ease}.pdf-viewer-bar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.4rem 1.8rem;padding-left:max(1.8rem,env(safe-area-inset-left));padding-right:max(1.8rem,env(safe-area-inset-right));background:var(--bg-color);border-bottom:1px solid var(--main-color)}.pdf-open{display:inline-flex;align-items:center;padding:1rem 2.4rem;background:transparent;color:var(--main-color);border:2px solid var(--main-color);border-radius:3rem;font-size:1.5rem;font-weight:600;font-family:'Poppins',sans-serif;text-decoration:none;white-space:nowrap;transition:all .3s ease}.pdf-open:hover{background:var(--main-color);color:#fff}.pdf-back{display:inline-flex;align-items:center;gap:1rem;padding:1rem 2.4rem;background:var(--main-color);color:#fff;border:none;border-radius:3rem;font-size:1.5rem;font-weight:600;font-family:'Poppins',sans-serif;cursor:pointer;transition:all .3s ease}.pdf-back:hover{transform:translateX(-4px);box-shadow:0 5px 15px rgba(127,90,240,.5)}.pdf-back,.pdf-open{-webkit-tap-highlight-color:transparent}.pdf-back:focus,.pdf-open:focus,.pdf-back:focus-visible,.pdf-open:focus-visible{outline:none}.pdf-back .icon{font-size:2rem}.pdf-back-arrow{transform:scaleX(-1)}.pdf-back span{background:none;-webkit-background-clip:unset;background-clip:unset;color:#fff;-webkit-text-fill-color:#fff}.pdf-viewer-frame-wrap{flex:1 1 auto;min-height:0}.pdf-viewer-frame{width:100%;height:100%;border:0;display:block}@media (max-width:1024px){.pdf-viewer-window{width:94%;height:90vh}}@media (max-width:600px){.pdf-viewer-window{width:100%;height:100%;max-width:none;max-height:none;border:none;border-radius:0}.pdf-viewer-bar{padding:1rem 1.4rem;padding-left:max(1.4rem,env(safe-area-inset-left));padding-right:max(1.4rem,env(safe-area-inset-right))}.pdf-back,.pdf-open{padding:.8rem 1.8rem;font-size:1.4rem}}:root{--navbar-height:80px;--navbar-scroll-height:70px;--navbar-scroll-max-width:1120px;--navbar-scroll-gutter:2rem;--navbar-transition:all .4s cubic-bezier(.4,0,.2,1)}.header{position:fixed;top:0;left:0;right:0;margin-left:auto;margin-right:auto;max-width:100%;height:var(--navbar-height);padding:0 8%;background:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:space-between;align-items:center;z-index:1000;transition:top .4s cubic-bezier(.4,0,.2,1),max-width .4s cubic-bezier(.4,0,.2,1),height .4s cubic-bezier(.4,0,.2,1),padding .4s cubic-bezier(.4,0,.2,1),border-radius .4s cubic-bezier(.4,0,.2,1),background-color .4s ease,border-color .4s ease,box-shadow .4s ease;border:1px solid rgba(255,255,255,0)}.header::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:linear-gradient(120deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,0) 32%),radial-gradient(140% 200% at 0% 0%,rgba(124,58,237,.22),transparent 55%),radial-gradient(120% 200% at 100% 0%,rgba(44,183,255,.14),transparent 55%);opacity:0;transition:opacity .45s ease}.header.scrolled::before{opacity:1}.header.scrolled{height:var(--navbar-scroll-height);background:rgba(22,18,38,.45);-webkit-backdrop-filter:blur(22px) saturate(185%);backdrop-filter:blur(22px) saturate(185%);border-color:rgba(255,255,255,.14);box-shadow:0 8px 32px rgba(10,5,25,.45),inset 0 1px 0 0 rgba(255,255,255,.22),inset 0 -1px 0 0 rgba(255,255,255,.04)}@media(min-width:1025px){.navbar{flex:1 1 auto;min-width:0;justify-content:center}.navbar a{transition:color .3s ease,transform .3s ease}.logo{margin-right:1.2rem}.header.scrolled{top:1.1rem;left:0;right:0;max-width:min(var(--navbar-scroll-max-width),calc(100% - var(--navbar-scroll-gutter)));padding:0 2.2rem;border-radius:100px;box-shadow:0 14px 40px rgba(10,5,25,.5),0 2px 8px rgba(10,5,25,.3),inset 0 1px 0 0 rgba(255,255,255,.25),inset 0 -1px 0 0 rgba(255,255,255,.05)}.header.scrolled .navbar a{padding:1rem 1.6rem}}.logo{text-decoration:none;font-size:2.3rem;color:var(--text-color);font-weight:800;cursor:pointer;transition:var(--navbar-transition);z-index:1001;user-select:none;white-space:nowrap;flex:0 0 auto}.logo:hover{transform:scale(1.05);filter:drop-shadow(0 0 10px rgba(75,0,130,.4))}.header.scrolled .logo{font-size:2.1rem}.logo span{background:linear-gradient(200deg,#6366F1,#2CB7FF);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}#menu-icon{font-size:3.5rem;color:var(--main-color);display:none;cursor:pointer;z-index:1001;transition:var(--navbar-transition);user-select:none}#menu-icon:hover{transform:scale(1.1);color:#6366F1}#menu-icon:active{transform:scale(.95)}#menu-icon.is-open{color:var(--main-color)}.navbar{display:flex;gap:.5rem;align-items:center;transition:var(--navbar-transition)}.navbar a{position:relative;text-decoration:none;font-size:1.6rem;color:var(--text-color);font-weight:500;padding:1rem 2rem;transition:var(--navbar-transition);white-space:nowrap;display:inline-block}.navbar a:hover{color:var(--main-color);transform:translateY(-2px)}.navbar a::after{content:'';position:absolute;bottom:0;left:50%;width:0;height:3px;background:linear-gradient(135deg,rgba(127,90,240,0),rgba(127,90,240,1),rgba(127,90,240,1),rgba(127,90,240,0));border-radius:10px;transform:translateX(-50%);transition:width .4s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px rgba(28,191,212,0)}.navbar a.active{color:var(--main-color)}@media(min-width:1025px){.navbar a.active,.navbar a.active:hover{color:var(--text-color)}}.navbar a.active::after{width:80%;box-shadow:0 0 15px rgba(127,90,240,1)}.navbar a.active:hover::after{width:100%;box-shadow:0 0 20px rgba(127,90,240,1)}.header-actions{flex:0 0 auto}.gradient-btn{text-decoration:none;font-size:1.6rem;padding:1rem 2.5rem;border-radius:3rem;background:linear-gradient(135deg,#6366F1 100%,#2CB7FF 100%);letter-spacing:.5px;cursor:pointer;transition:var(--navbar-transition);color:white;border:2px solid transparent;text-wrap:nowrap;font-weight:600;box-shadow:0 4px 15px rgba(103,2,174,.4);position:relative;overflow:hidden;flex:0 0 auto}.gradient-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,0) 100%);transition:left .5s ease}.gradient-btn:hover{transform:translateY(-2px);box-shadow:0 6px 25px rgba(127,90,240,.6);border-color:rgba(127,90,240,1)}.gradient-btn:hover::before{left:100%}.gradient-btn:active{transform:translateY(0)}@media(max-width:1024px){:root{--navbar-height:70px;--navbar-scroll-height:65px}.header{padding:0 5%}#menu-icon{display:block}.navbar{position:fixed;top:var(--navbar-height);right:-100%;width:300px;max-width:85vw;height:calc(100vh - var(--navbar-height));padding:3rem 0;background:rgba(15,12,28,.6);-webkit-backdrop-filter:blur(26px) saturate(180%);backdrop-filter:blur(26px) saturate(180%);border-left:1px solid rgba(255,255,255,.14);border-radius:22px 0 0 22px;box-shadow:-8px 0 40px rgba(0,0,0,.5),inset 1px 0 0 0 rgba(255,255,255,.18);flex-direction:column;gap:0;align-items:flex-start;transition:right .4s cubic-bezier(.4,0,.2,1);overflow-y:auto;z-index:999}.navbar.active{right:0}.navbar a{display:block;width:100%;font-size:16px;padding:18px 26px;margin:0;border-bottom:1px solid rgba(255,255,255,.12);transform:translateX(0);transition:all .3s ease}.navbar a::after{display:none !important}.navbar a.active{background:rgba(99,102,241,.28);color:var(--text-color);border-left:4px solid var(--main-color);padding-left:calc(26px - 4px)}.navbar a:hover{background:rgba(99,102,241,.28);color:var(--text-color);padding-left:30px;transform:translateX(0)}.navbar a.active:hover{background:rgba(99,102,241,.28);color:var(--text-color)}.gradient-btn{display:none}.logo{font-size:19px}#menu-icon{font-size:36px}.header-actions{gap:11px}.theme-switch{width:56px;height:28px;border-radius:28px;padding:0 4px}.switch-thumb{width:21px;height:21px}.switch-thumb i,.switch-thumb .icon{font-size:12px}body.light-mode .switch-thumb{transform:translateX(25px)}.lang-current{height:28px;padding:0 10px;border-radius:28px;gap:5px;font-size:11px}.lang-current .lang-globe{font-size:16px}.lang-current .lang-caret{font-size:12px}.header.scrolled{height:var(--navbar-scroll-height)}.header.scrolled .logo{font-size:18px}.header.scrolled .navbar{top:var(--navbar-scroll-height);height:calc(100vh - var(--navbar-scroll-height))}}@media(max-width:768px){:root{--navbar-height:65px;--navbar-scroll-height:60px}}@media(max-width:480px){:root{--navbar-height:60px;--navbar-scroll-height:55px}.header{padding:0 4%}.logo{font-size:16px}.header.scrolled .logo{font-size:14px}#menu-icon{font-size:32px}.header-actions{gap:6px}.theme-switch{width:51px;height:26px;border-radius:26px}.switch-thumb{width:19px;height:19px}.switch-thumb i,.switch-thumb .icon{font-size:11px}body.light-mode .switch-thumb{transform:translateX(22px)}.lang-current{height:26px;padding:0 9px;border-radius:26px;gap:5px;font-size:10px}.lang-current .lang-globe{font-size:14px}.lang-current .lang-caret{font-size:11px}.navbar{width:100%;border-left:none;border-top:1px solid rgba(255,255,255,.14);border-radius:0;box-shadow:0 -8px 40px rgba(0,0,0,.5),inset 0 1px 0 0 rgba(255,255,255,.18);right:-100%}.navbar.active{right:0}.navbar a{font-size:13px;padding:14px 20px}.navbar a.active{padding-left:calc(20px - 4px)}.navbar a:hover{padding-left:24px}}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(5,5,15,.55);-webkit-backdrop-filter:blur(8px) saturate(140%);backdrop-filter:blur(8px) saturate(140%);z-index:998;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.menu-overlay.active{opacity:1;visibility:visible}@media(min-width:1025px){.menu-overlay{display:none}}@keyframes pulse-glow{0%,100%{box-shadow:0 0 10px rgba(127,90,240,1)}50%{box-shadow:0 0 20px rgba(127,90,240,0)}}.navbar a.active::after{animation:pulse-glow 2s ease-in-out infinite}.navbar a.active:hover::after{animation:none}section{scroll-margin-top:calc(var(--navbar-scroll-height) + 2rem)}.navbar a:focus-visible,.gradient-btn:focus-visible,#menu-icon:focus-visible{outline:2px solid var(--main-color);outline-offset:4px;border-radius:4px}a:focus-visible,button:focus-visible,[role="button"]:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--main-color);outline-offset:3px;border-radius:4px}#main:focus{outline:none}.skip-link{position:fixed;top:0;left:0;z-index:10001;margin:.6rem;padding:.8rem 1.4rem;background:var(--main-color);color:#fff;font-size:1.4rem;font-weight:600;border-radius:8px;transform:translateY(-150%);transition:transform .2s ease}.skip-link:focus{transform:translateY(0);outline:2px solid #fff;outline-offset:2px}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}html{scroll-behavior:auto}}@supports (-webkit-touch-callout:none){.navbar{-webkit-overflow-scrolling:touch}.header{backdrop-filter:blur(10px)}}*{-webkit-tap-highlight-color:transparent}