::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background-color:var(--primary-color);border-radius:10px}::-webkit-scrollbar-track{margin-top:10px;margin-bottom:10px;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:var(--tertiary-color)}::-webkit-scrollbar:horizontal{height:0px}.Light-theme{--primary-color: #e61f1f;--theme-transition-color: #fff;--secondary-color: #eb2525;--tertiary-color: #3e3e3e;--white-Black-color: #ffff;--black-white-color:#000000;--quinary-color: #f5f5f5;--git-hub-color: #181818;--senary-color: #222;--septenary-color: #4f8cff;--octonary-color: #2563eb;--user-color: #0077fe;--text-color: #000000;--subtitle-color:#353535;--blueviolet-color: #8a2be2;--card-color: rgba(0, 0, 0, .85);--border-color-b:#ffffff;--menu-blur-color:rgb(255, 255, 255);--white-color: #fff;--shiny-text-color:#00000081;--shiny-text-color-rgb1:rgba(0, 0, 0, 0) 40%;--shiny-text-color-rgb2:rgba(0, 0, 0, .774) 50%;--shiny-text-color-rgb3:rgba(0, 0, 0, 0) 60%;--black-color: #000;--header-color:#ffffff95;--header-text-color:#ffffff;--header-hover-color:#ff4c4c;--header-hover-text-color:#ffffff;--header-hover-background-color:#000000;--header-hover-background-text-color:#ffffffa5;--header-text-color-hover-box-shadow: rgba(0, 0, 0, .24) 0px 3px 8px;--footer-color:#000000;--footer-text-color:#ffffff;--footer-hover-color:#ff4c4c;--footer-hover-text-color:#ffffff;--footer-hover-background-color:#000000;--footer-hover-background-text-color:#ffffffa5;--footer-text-color-hover-box-shadow: rgba(0, 0, 0, .24) 0px 3px 8px;--bg-grid-color-top:rgba(236, 233, 233, .491);--bg-grid-color-bottom:rgba(236, 233, 233, .491);--timeline-color:rgb(224, 224, 224);--experienx-meta-color:#585858;--Card-Background-color:rgba(255, 255, 255, .85);--Card-Background-shadow:rgba(0, 0, 0, .35) 0px 5px 15px;--card-Btn-color:rgba(255, 255, 255, .85);--card-Btn-shadow:rgba(0, 0, 0, .16) 0px 1px 4px;--box-shadow: rgba(60, 64, 67, .3) 0px 1px 2px 0px, rgba(60, 64, 67, .15) 0px 2px 6px 2px;--contact-form-color:linear-gradient(120deg, rgba(227, 237, 255, .08) 0%, rgba(255,76,76,.08) 100%);--contact-form-shadow:rgba(0, 0, 0, .35) 0px 5px 15px;--contact-form-border-color:rgba(0, 0, 0, .16) 0px 1px 4px;--hamburger-color: #181818;--shimmer-base: rgba(255, 255, 255, .18);--shimmer-highlight: rgba(210, 210, 210, .38);--footer-top-color: #474747}.Dark-theme{--primary-color: #ff4c4c;--secondary-color: #eb2525;--theme-transition-color: #181818;--tertiary-color: #3e3e3e;--user-color: #0077fe;--git-hub-color: #e8e8e8;--white-Black-color: #000000;--black-white-color:#ffffff;--subtitle-color:#bdbdbd;--quinary-color: #f5f5f5;--senary-color: #222;--septenary-color: #4f8cff;--octonary-color: #2563eb;--text-color: #fff;--blueviolet-color: #8a2be2;--card-color: rgba(0, 0, 0, .85);--border-color-b:#464646;--border-color: #404040;--white-color: #ffffff;--shiny-text-color:#b5b5b5a4;--shiny-text-color-rgb1:rgba(255, 255, 255, 0) 40%;--shiny-text-color-rgb2:rgba(255, 255, 255, .774) 50%;--shiny-text-color-rgb3:rgba(255, 255, 255, 0) 60%;--black-color: #000000;--menu-blur-color:rgba(14, 14, 14, .667);--header-color:#1d1d1d90;--header-text-color:#000000;--header-hover-color:#ff4c4c;--header-hover-text-color:#ffffff;--header-hover-background-color:#000000;--header-hover-background-text-color:#2c2c2c5a;--Card-Background-color:rgba(14, 14, 14, .872);--Card-Background-shadow:rgba(0, 0, 0, .35) 0px 5px 15px;--card-Btn-color:rgb(38, 38, 38);--card-Btn-shadow:rgba(0, 0, 0, .16) 0px 1px 4px;--box-shadow: rgba(60, 64, 67, .3) 0px 1px 2px 0px, rgba(60, 64, 67, .15) 0px 2px 6px 2px;--footer-color:#ffffff;--footer-text-color:#000000;--footer-hover-color:#ff4c4c;--footer-hover-text-color:#ffffff;--footer-hover-background-color:#000000;--footer-hover-background-text-color:#ffffffa5;--bg-grid-color-top:rgba(36, 36, 36, .491);--bg-grid-color-bottom:rgba(30, 30, 30, .491);--timeline-color:rgb(46, 46, 46);--experienx-meta-color:#bdbdbd;--contact-form-color:linear-gradient(120deg, rgba(0, 0, 0, .158) 0%, rgba(255,76,76,.08) 100%);--contact-form-shadow:rgba(0, 0, 0, .35) 0px 5px 15px;--contact-form-border-color:rgba(0, 0, 0, .16) 0px 1px 4px;--hamburger-color: #fff;--shimmer-base: rgba(255, 255, 255, .2);--shimmer-highlight: rgba(255, 255, 255, .32);--footer-top-color: #404040}*,body{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}html{scroll-behavior:smooth}body{background-color:var(--white-Black-color);background-image:radial-gradient(circle at 35% 20%,#ff4c4c1a,#ff4c4c0a 20%,#0000 35%),linear-gradient(to right,var(--bg-grid-color-top) 1px,transparent 1px),linear-gradient(to bottom,var(--bg-grid-color-bottom) 1px,transparent 1px);background-size:150vw 150vh,15px 40px,15px 40px;background-repeat:no-repeat,repeat,repeat}.red-grid-bg-1{background-color:var(--white-Black-color);background-image:radial-gradient(circle at 60% 30%,#ff4c4c1a,#ff4c4c0a 20%,#0000 35%),linear-gradient(to right,var(--bg-grid-color-top) 1px,transparent 1px),linear-gradient(to bottom,var(--bg-grid-color-bottom) 1px,transparent 1px);background-size:150vw 150vh,15px 40px,15px 40px;background-repeat:no-repeat,repeat,repeat}.red-grid-bg-2{background-color:var(--white-Black-color);background-image:radial-gradient(circle at 20% 60%,#ff4c4c1a,#ff4c4c0a 20%,#0000 35%),linear-gradient(to right,var(--bg-grid-color-top) 1px,transparent 1px),linear-gradient(to bottom,var(--bg-grid-color-bottom) 1px,transparent 1px);background-size:150vw 150vh,15px 40px,15px 40px;background-repeat:no-repeat,repeat,repeat}.red-grid-bg-3{background-color:var(--white-Black-color);background-image:radial-gradient(circle at 35% 45%,#ff4c4c1a,#ff4c4c0a 20%,#0000 35%),linear-gradient(to right,var(--bg-grid-color-top) 1px,transparent 1px),linear-gradient(to bottom,var(--bg-grid-color-bottom) 1px,transparent 1px);background-size:150vw 150vh,15px 40px,15px 40px;background-repeat:no-repeat,repeat,repeat}.red-grid-bg-4{background-color:var(--white-Black-color);background-image:radial-gradient(circle at 35% 40%,#ff4c4c1a,#ff4c4c0a 20%,#0000 35%),linear-gradient(to right,var(--bg-grid-color-top) 1px,transparent 1px),linear-gradient(to bottom,var(--bg-grid-color-bottom) 1px,transparent 1px);background-size:150vw 150vh,15px 40px,15px 40px;background-repeat:no-repeat,repeat,repeat}.red-grid-bg-5,.red-grid-bg-6{background-color:var(--white-Black-color);background-image:radial-gradient(circle at 35% 20%,#ff4c4c1a,#ff4c4c0a 20%,#0000 35%),linear-gradient(to right,var(--bg-grid-color-top) 1px,transparent 1px),linear-gradient(to bottom,var(--bg-grid-color-bottom) 1px,transparent 1px);background-size:150vw 150vh,15px 40px,15px 40px;background-repeat:no-repeat,repeat,repeat}.red-grid-bg-7{background-color:var(--white-Black-color);background-image:radial-gradient(circle at 60% 60%,#ff4c4c1a,#ff4c4c0a 20%,#0000 35%),linear-gradient(to right,var(--bg-grid-color-top) 1px,transparent 1px),linear-gradient(to bottom,var(--bg-grid-color-bottom) 1px,transparent 1px);background-size:150vw 150vh,15px 40px,15px 40px;background-repeat:no-repeat,repeat,repeat}.red-grid-bg-8,.red-grid-bg-9{background-color:var(--white-Black-color);background-image:radial-gradient(circle at 35% 20%,#ff4c4c1a,#ff4c4c0a 20%,#0000 35%),linear-gradient(to right,var(--bg-grid-color-top) 1px,transparent 1px),linear-gradient(to bottom,var(--bg-grid-color-bottom) 1px,transparent 1px);background-size:150vw 150vh,15px 40px,15px 40px;background-repeat:no-repeat,repeat,repeat}html{font-size:clamp(15px,2vw,18px)}body{font-size:1rem}h1,.hero-title{font-size:clamp(2rem,5vw,2.8rem)}h2,.section--tittle,.experience-title,.skills-title{font-size:clamp(1.3rem,3.5vw,2rem)}h3,.project-title,.certification-title,.education-card .institution{font-size:clamp(1.1rem,2.5vw,1.4rem)}p,.section--content,.project-description,.certification-provider,.education-card .qualification{font-size:clamp(.98rem,2vw,1.1rem)}.shiny-text{color:var(--shiny-text-color);background:linear-gradient(120deg,var(--shiny-text-color-rgb1),var(--shiny-text-color-rgb2),var(--shiny-text-color-rgb3));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;display:inline-block;animation:shine 5s linear infinite}@keyframes shine{0%{background-position:100%}to{background-position:-100%}}.shiny-text.disabled{animation:none}.red-grid-bg{background-color:var(--white-Black-color);background-image:radial-gradient(circle at 35% 20%,#ff4c4c1a,#ff4c4c0a 20%,#0000 35%),linear-gradient(to right,var(--bg-grid-color-top) 1px,transparent 1px),linear-gradient(to bottom,var(--bg-grid-color-bottom) 1px,transparent 1px);background-size:150vw 150vh,15px 40px,15px 40px;background-repeat:no-repeat,repeat,repeat}.hero-section{display:flex;align-items:center;justify-content:space-between;min-height:100vh;background:transparent;padding:0 clamp(16px,6vw,100px);gap:clamp(16px,4vw,40px)}.hero-left{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:18px;justify-content:center}.hero-greeting{color:var(--primary-color);font-size:clamp(1rem,2vw,1.2rem);font-weight:600}.hero-title{font-size:clamp(2rem,5vw,3rem);font-weight:800;margin:0;cursor:none;color:var(--black-white-color)}.hero-subtitle{font-size:clamp(1rem,2.5vw,1.3rem);font-weight:600;color:var(--text-color);margin:0 0 18px}.hero-buttons{display:flex;gap:18px;margin-bottom:18px}.download-btnl{background:var(--primary-color);color:#fff;border:none;padding:12px 32px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.download-btnl:hover{background:#eb2525}.contact-btnl{background:#3e3e3e;color:#fff;border:none;padding:12px 32px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s;display:flex;align-items:center;gap:8px}.contact-btnl:hover{background:#2b2b2b}.hero-icons{display:flex;gap:18px;font-size:1.6rem;color:var(--black-white-color)}.hero-right{flex:1;display:flex;justify-content:center;align-items:center}.hero-image{width:clamp(200px,28vw,320px);height:clamp(200px,28vw,320px);border-radius:50%;background:var(--Card-Background-color);display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#aaa;border:4px solid var(--border-color-b);box-shadow:0 0 80px 10px #4f8cff22;transition:transform .9s cubic-bezier(.4,2,.6,1),box-shadow .9s cubic-bezier(.4,2,.6,1),border-color .4s}.hero-image img{width:100%;height:auto;object-fit:cover;border-radius:50%}.hero-image:hover{transform:scale(1.08);box-shadow:0 0 100px 20px #ff4c4c4e,0 0 80px 10px #4f8cff22;border:4px solid #f94040}.hero-content{display:flex;align-items:center;justify-content:space-between;width:100%;gap:40px}.hero-section-container{display:block;position:relative;width:100%;height:100%}@keyframes heroFadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.hero-animate{animation:heroFadeInUp 1s cubic-bezier(.4,2,.6,1)}@keyframes heroFadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width: 1024px){.hero-section{padding:0 clamp(16px,5vw,40px)}}@media (max-width: 900px){.hero-section{flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:40px clamp(14px,4vw,20px);gap:clamp(18px,6vw,30px)}.hero-content{flex-direction:column;align-items:center;text-align:center;gap:clamp(16px,5vw,24px)}.hero-left{align-items:center;order:1;width:100%}.hero-buttons{justify-content:center}.hero-icons{justify-content:center;gap:14px}.hero-right{order:2;width:100%;display:flex;justify-content:center}.hero-image{margin-top:12px;max-width:75vw}.scroll-mouse-indicator{display:none!important}}.scroll-mouse-indicator{position:absolute;left:50%;bottom:0;transform:translate(-50%);margin-bottom:2.5vw;display:flex;justify-content:center;align-items:flex-end;z-index:10;cursor:pointer;-webkit-user-select:none;user-select:none;animation:mouse-bounce 2s infinite}.mouse-shape{width:40px;height:64px;display:flex;justify-content:center;align-items:center}@keyframes mouse-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(16px)}}.ripple-grid-container{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;pointer-events:none;overflow:hidden}@media (max-width: 600px){.scroll-mouse-indicator{display:none!important}}.header-blur{background:var(--header-color);align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .3s,backdrop-filter .3s;box-shadow:var(--box-shadow)}.header-transparent{background:transparent;transition:background .3s,backdrop-filter .3s}header{color:var(--black-white-color);display:inline-flex;top:0;left:0;right:0;padding:20px 10px 20px 20px;position:fixed;justify-content:space-around;align-items:center;width:100%;animation:fadeInDown 1s ease;z-index:1000}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.header-left{display:flex;align-items:center;text-align:center;font-size:1.6rem;font-weight:700;margin-right:10px;gap:10px}.header-logo{color:#ff4c4c;font-size:1.5rem}nav{margin-right:20px;margin-left:auto}nav ul{list-style:none;padding:0;margin:0 20px 0 0;display:flex;gap:10px}nav ul li a{color:var(--black-white-color);text-decoration:none;font-weight:500;font-size:.95rem;transition:color .2s,background-color .2s,transform .15s cubic-bezier(.4,2,.6,1);position:relative;display:inline-block;overflow:hidden;padding:10px 15px;border-radius:10px}nav ul li a:after{content:"";position:absolute;left:0;bottom:-3px;width:100%;height:2px;background:#ff4c4c;transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.4,2,.6,1)}nav ul li a:hover{color:red;background-color:var(--header-hover-background-text-color);box-shadow:var(--header-text-color-hover-box-shadow);transform:translateY(-2px);transition:.5s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:5px;padding:10px 15px;text-decoration:none}nav ul li a:hover:after{transform:scaleX(1)}nav ul li a:active{color:#ff1a1a;transform:translateY(1px) scale(.97)}.theme-toggle{margin-left:5px;margin-right:10px;font-size:1.1rem;cursor:pointer;transition:color .2s;color:var(--black-white-color)}.theme-toggle:hover{border-radius:5px;transform:translateY(-2px);transition:.5s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ff4c4c}.themehide-x{margin-left:5px;margin-right:10px;font-size:1.3rem;text-decoration:none;transition:.5s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:color .2s;list-style:none}.theme-dropdown{position:relative;display:inline-block}@media (min-width: 868px){.themehide{display:none}}@media (max-width: 867px){.themehide{display:inline-block;margin-left:10px;margin-right:10px}.themehide-x{display:none}}.theme-menu{display:none;position:absolute;right:10px;top:100%;background:var(--menu-blur-color);color:var(--black-white-color);border-radius:8px;box-shadow:var(--header-text-color-hover-box-shadow);min-width:100px;z-index:2000;padding:5px;margin:0;list-style:none;font-size:.95rem}@media screen and (max-width: 880px){.theme-menu{right:10px;top:8vh}}.theme-menu li{padding:10px 16px;cursor:pointer;transition:background .2s}.theme-menu li:hover{background:var(--white-Black-color);transition:.5s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:5px;text-decoration:none;color:var(--primary-color)}.theme-dropdown:hover .theme-menu,.theme-dropdown:focus-within .theme-menu{display:block}@media (max-width: 1024px){header{padding:15px 10px}.header-left{font-size:1.1rem}nav ul{gap:6px}}.hamburger{display:none;background:none;border:none;cursor:pointer;padding:8px;z-index:1100}@media (max-width: 980px){.hamburger{display:block;position:absolute;color:var(--black-white-color);right:60px}nav ul{display:none;flex-direction:column;background:var(--menu-blur-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:absolute;top:68px;right:0;left:0;height:auto;width:100%;border-radius:8px;box-shadow:0 2px 8px #00000026;z-index:1050}nav.mobile-menu-open ul{display:flex}}.header-row{display:flex;align-items:center;justify-content:space-between;width:100%}.header-left{display:flex;align-items:center;gap:10px}@media (max-width: 880px){header{flex-direction:column;align-items:stretch;padding:10px 5px}.header-row{flex-direction:row;align-items:center;justify-content:space-between;width:100%}.header-left{flex-direction:row;align-items:center;gap:10px}.hamburger{position:static;margin-left:auto;margin-right:10px}nav{width:100%}}.theme-transition-overlay{position:fixed;inset:0;pointer-events:none;z-index:9999;background:var(--theme-transition-color, #fff);opacity:1;clip-path:circle(0% at 0 0);transition:clip-path 2s cubic-bezier(.4,2,.6,1),background .2s;will-change:clip-path,background}.theme-transition-overlay.active{clip-path:circle(150% at 0 0)}.footer{background:var(--Card-Background-color);border-top:1px solid var(--footer-top-color);padding:1rem 0;color:var(--text-color)}.footer-container{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;flex-direction:column;gap:2rem}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:2rem;align-items:start}.footer-title{font-size:1.4rem;font-weight:700;margin:0 0 .25rem}.footer-tagline{opacity:.8;margin:0;font-size:.95rem}.footer-links .footer-heading,.footer-contact .footer-heading{font-size:1rem;margin:0 0 .75rem;opacity:.9;letter-spacing:.3px}.footer-links ul{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}.footer-links a{color:var(--text-color);text-decoration:none;opacity:.9;transition:color .2s,opacity .2s}.footer-links a:hover{color:var(--primary-color);opacity:1}.footer-nav{display:flex;gap:1.5rem}.footer-nav a{color:var(--text-color);text-decoration:none;font-size:1rem;font-weight:500;transition:color .2s}.footer-nav a:hover{color:var(--primary-color)}.footer-bottom{display:flex;justify-content:space-around;align-items:center;gap:1rem;padding-top:1.25rem}.footer-copy{font-size:.9rem;opacity:.8}.footer-meta{font-size:.85rem;opacity:.7}.footer-socials{display:flex;gap:.75rem}.footer-socials a{color:var(--text-color);font-size:1.25rem;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid var(--border-color);transition:color .2s,transform .2s,border-color .2s,background-color .2s}.footer-socials a:hover{color:var(--primary-color);border-color:var(--primary-color);transform:translateY(-2px);background:#ff4c4c14}.footer-email{margin-top:.75rem;display:inline-flex;gap:.5rem;align-items:center;color:var(--text-color);text-decoration:none;font-size:.95rem;opacity:.9;transition:color .2s,opacity .2s}.footer-email:hover{color:var(--primary-color);opacity:1}.footer-copyright{font-size:.9rem;opacity:.8}@media (max-width: 900px){.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width: 640px){.footer-grid{grid-template-columns:1fr;gap:1.5rem}.footer-bottom{flex-direction:column;text-align:center}}*{margin:0;padding:0;box-sizing:border-box;text-align:center}body.modal-open{overflow:hidden!important}@media (max-width: 600px){.experience-meta{white-space:normal;gap:.5rem;row-gap:.25rem;flex-wrap:wrap}}:root{--font-size-h1: 1.2rem;--font-size-heading: 1.5rem;--font-size-h2: 1.05rem;--font-size-card-title: 1rem;--font-size-subtitle: .9rem;--font-size-body: .8rem;--font-size-small: .8rem;--font-size-heading-mobile: 1rem;--font-size-body-mobile: .7rem}section{padding:100px 0}.section--container{max-width:1200px;margin:0 auto}.section--tittle{font-size:var(--font-size-heading)}.section--content{background:var(--Card-Background-color);display:inline-block;border:2px solid var(--border-color);border-radius:10px;padding:50px;width:70%;margin:50px auto;flex-direction:row;align-items:center;justify-content:flex-start;box-shadow:var(--box-shadow);transition:transform .9s cubic-bezier(.4,2,.6,1),box-shadow .9s cubic-bezier(.4,2,.6,1),border-color .4s}.section--content:hover{border-color:#ff4c4c;border-radius:10px;transform:scale(1);box-shadow:-8px 8px 24px #ff4c4c2e,8px 8px 24px #ff4c4c2e,0 8px 24px #4f8cff11}.section--content--left{display:flex;justify-content:start;align-items:center;height:100%;width:40%}.section--content--left img{width:90%;height:90%;object-fit:cover;border-radius:10px;box-shadow:0 0 10px #0000001a}.section--content--right{display:flex;width:60%;height:100%;flex-direction:column;align-items:center;text-align:justify;justify-content:center;padding:20px}.section--content p{font-size:var(--font-size-body);font-weight:400;margin-bottom:20px;text-align:justify;color:var(--text-color)}section h2{color:var(--primary-color);font-size:var(--font-size-heading);font-weight:600;margin-bottom:20px}section p{font-size:var(--font-size-body);font-weight:400;margin-bottom:20px;color:var(--text-color)}.projects-section{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.projects-title{font-size:var(--font-size-h1);font-weight:700;margin-bottom:.5rem;color:var(--text-color);letter-spacing:1px}.projects-title .highlight{color:#4f8cff}.projects-subtitle{color:var(--subtitle-color);font-size:var(--font-size-subtitle);margin-bottom:2.5rem}.projects-grid{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap}.project-card{background:var(--Card-Background-color);border-radius:12px;box-shadow:var(--box-shadow);padding:1.5rem;width:340px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;text-align:left;transition:box-shadow .2s,transform .2s;border:1.5px solid var(--border-color)}.project-header{width:100%;display:flex;justify-content:space-between;align-items:center}.project-card:hover{box-shadow:0 4px 32px #ff4c4c44,0 0 10px #4f8cff33;border-color:#ff4c4c;transform:translateY(-8px) scale(1.01)}.project-image{width:100%;border-radius:8px;margin-bottom:1.2rem;box-shadow:var(--card-Btn-shadow)}.project-title{font-size:var(--font-size-card-title);font-weight:700;margin-bottom:.5rem;text-align:left;color:var(--text-color)}.project-meta{display:inline-flex;align-items:center;gap:.4rem;color:var(--experienx-meta-color);font-size:var(--font-size-small)}.project-description{color:var(--text-color);font-size:var(--font-size-body);margin-bottom:1.2rem;text-align:justify}.project-actions{width:100%;display:flex;justify-content:flex-start;gap:.6rem;flex-wrap:wrap}.project-btn{display:inline-flex;align-items:center;gap:6px;padding:.5rem .9rem;border-radius:8px;text-decoration:none;font-size:var(--font-size-small);color:#4f8cff;font-weight:600;transition:background .2s,color .2s,box-shadow .2s,transform .2s,border-color .2s}.project-btn:hover{color:#4f8cff;transform:translateY(-2px)}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:none;backdrop-filter:none;touch-action:none;overscroll-behavior:contain}.modal-content{color:var(--text-color);padding:1.5rem;border-radius:12px;border:1.5px solid var(--border-color);width:90vw;max-width:500px;min-width:320px;position:relative;text-align:left;margin:0 auto;max-height:85vh;overflow-y:auto}.modal-visit-btn{background:linear-gradient(90deg,#ff4c4c,#4f8cff);color:#fff;padding:.7rem 2rem;border-radius:8px;text-decoration:none;font-weight:600;transition:background .2s,box-shadow .2s;display:inline-block;margin-right:1rem;box-shadow:0 2px 8px #4f8cff22;border:none}.modal-visit-btn:hover{background:linear-gradient(90deg,#4f8cff,#ff4c4c)}.modal-close-btn{background:transparent;border:none;color:var(--text-color);padding:.35rem .75rem;border-radius:8px;cursor:pointer;position:absolute;top:10px;right:10px;font-size:.85rem}.modal-close-btn:active{transform:translateY(1px)}.modal-project-image{max-width:320px;width:80%;height:auto;border-radius:12px;margin:0 auto 1.2rem;display:block;box-shadow:none}.modal-content.project-modal{background:var(--Card-Background-color);color:var(--text-color);border-radius:12px;box-shadow:var(--box-shadow);border:1.5px solid var(--border-color);width:90vw;max-width:520px;min-width:320px;position:relative;text-align:left;margin:0 auto;padding:1.5rem;display:flex;flex-direction:column;align-items:center}.skill-chips{display:flex;flex-wrap:nowrap;gap:.4rem;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;min-height:32px;padding-bottom:4px}.skill-chip{background:var(--Card-Background-color);border:1px solid var(--border-color);color:var(--text-color);padding:.25rem .6rem;border-radius:9999px;font-size:var(--font-size-small);box-shadow:var(--box-shadow);white-space:nowrap}.skill-chip:hover{border-color:#ff4c4c;box-shadow:0 2px 12px #ff4c4c22}.modal-meta-row{display:flex;justify-content:space-between;align-items:center;width:100%;margin:.4rem 0 .8rem;color:var(--experienx-meta-color);font-size:var(--font-size-small)}.modal-meta-row .meta-item b{margin-right:.35rem}.meta-label{width:100%;margin-bottom:.25rem;color:var(--experienx-meta-color);font-size:var(--font-size-small)}.modal-inline-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;width:100%;margin:.4rem 0 1rem;color:var(--experienx-meta-color);font-size:var(--font-size-small)}.meta-item-inline{display:flex;align-items:center;gap:.6rem;margin-bottom:.8rem}.skill-chips.inline{flex:0 1 auto;max-width:100%}.experience-section{justify-content:flex-start;align-items:center;flex-direction:column;height:auto;width:100%;text-align:center;display:flex}.experience-title{font-size:var(--font-size-h1);font-weight:700;color:#fff;margin-bottom:.5rem;letter-spacing:1px}.experience-title .highlight{color:#4f8cff}.experience-subtitle{color:var(--subtitle-color);font-size:var(--font-size-subtitle);margin-bottom:2.5rem}.timeline-container{display:flex;justify-content:center;align-items:flex-start;position:relative;margin-top:2rem}.experience-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;flex-wrap:wrap;min-width:0;width:100%}.experience-head-left{display:flex;flex-direction:column;gap:.2rem;flex:1 1 auto;min-width:0;overflow-wrap:anywhere;word-break:break-word}.experience-meta{display:flex;align-items:center;gap:.5rem;color:var(--experienx-meta-color);font-size:var(--font-size-small);flex:0 1 auto;flex-wrap:wrap;min-width:0}.experience-actions{margin-top:.75rem}.timeline{width:2px;background:var(--timeline-color);height:550px;margin:0 40px;position:relative;top:10px}.timeline-dot{width:18px;height:18px;background:var(--Card-Background-color);border:3px solid #fff701;border-radius:50%;position:absolute;left:50%;top:25%;transform:translate(-50%,-50%)}.timeline-dot-2{border:3px solid #30fe07;top:75%}.experience-card{background:var(--Card-Background-color);color:var(--text-color);border-radius:16px;padding:1.5rem;min-width:220px;max-width:350px;margin:2rem;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:10px;box-shadow:var(--Card-Background-shadow);border:1.5px solid var(--border-color);transition:box-shadow .2s,border-color .2s}.experience-card:hover{box-shadow:0 8px 32px #ff4c4c44,0 0 24px #4f8cff33;border-color:#ff4c4c}.experience-card .company,.experience-card-2 .company{color:var(--text-color);font-weight:600;font-size:var(--font-size-small);margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem;white-space:normal;overflow-wrap:anywhere;word-break:break-word;text-align:left}.experience-card .role,.experience-card-2 .role{font-size:var(--font-size-subtitle);font-weight:700;line-height:1.3;text-align:left;padding-left:2px;margin:2px 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-clamp:2;overflow-wrap:anywhere;word-break:break-word}.experience-card .company,.experience-card .meta,.experience-card .description,.experience-card-2 .company,.experience-card-2 .meta,.experience-card-2 .description{font-size:var(--font-size-small)}.experience-card .meta,.experience-card-2 .meta{color:var(--experienx-meta-color);font-size:var(--font-size-small);margin-bottom:1rem;display:flex;gap:1.5rem;align-items:center}.experience-meta span{display:inline-flex;align-items:center;gap:.35rem}.experience-meta span+span:before{content:"—";margin:0 .35rem 0 .2rem;color:var(--experienx-meta-color)}.experience-card .description,.experience-card-2 .description{color:var(--subtitle-color);font-size:var(--font-size-body);text-align:left;margin:.35rem 2px .9rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-clamp:2}.experience-card .details-btn,.experience-card-2 .details-btn{color:#5185ff;border-radius:8px;text-decoration:none;font-weight:600;font-size:calc(var(--font-size-small) - .05rem);transition:background .2s,box-shadow .2s;display:inline-flex;align-items:center;gap:.5rem;border:none}.experience-header{margin-bottom:.25rem}.experience-submeta{margin:2px 0 8px 2px;color:var(--experienx-meta-color);font-size:var(--font-size-small)}.experience-card .role{margin-top:.35rem}.experience-card .description{margin-top:.25rem}.exp-row{width:100%;min-width:0}.exp-title{margin-bottom:.25rem}.exp-title .company{font-weight:700;font-size:var(--font-size-card-title);text-align:left}.exp-row span{display:inline-flex;align-items:center;gap:.35rem;justify-content:flex-start;text-align:left}.experience-card .exp-row,.experience-card .exp-row *{text-align:left!important}.exp-location,.exp-duration{color:var(--experienx-meta-color);font-size:var(--font-size-small)}.exp-location span,.exp-duration span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.exp-meta{display:block;align-items:start;gap:.75rem;margin:.25rem 0 .35rem}.exp-meta-left,.exp-meta-right{gap:.5rem;color:var(--experienx-meta-color);font-size:var(--font-size-small);min-width:0}.exp-meta-left span,.exp-meta-right span{gap:.35rem}@media (max-width: 640px){.exp-meta{flex-wrap:wrap;row-gap:.25rem}}@media (max-width: 1024px){.section--container{max-width:90vw;padding:0 10px}.main{flex-direction:column}}@media (max-width: 767px){.section--container{max-width:100vw;padding:0 15px}.main{flex-direction:column}.section--content{padding:10px}.section--tittle,section h2{font-size:var(--font-size-heading-mobile)}section p{font-size:var(--font-size-body-mobile)}}@media (max-width: 600px){.experience-card{margin:.7rem auto;max-width:60vh;min-width:unset;box-sizing:border-box;padding:.8rem .5rem;border-radius:10px;font-size:.98rem}.experience-section{padding:0 .2rem}}.education-section{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.education-subtitle{color:var(--subtitle-color);font-size:var(--font-size-subtitle);margin-bottom:2.5rem}.education-cards{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;max-width:800px}.education-card{background:var(--Card-Background-color);border-radius:12px;padding:2rem;width:360px;display:flex;flex-direction:column;align-items:flex-start;transition:box-shadow .2s,transform .2s,border-color .2s;border:1.5px solid var(--border-color);position:relative;box-shadow:var(--box-shadow);text-align:left}.education-card:hover{box-shadow:0 4px 32px #ff4c4c44,0 0 10px #4f8cff33;border-color:#ff4c4c;transform:translateY(-8px) scale(1.01)}.education-icon{position:absolute;top:1.5rem;right:1.5rem;font-size:1.5rem;opacity:.3;color:var(--septenary-color)}.education-content{width:100%}.education-card .institution{font-size:var(--font-size-card-title);font-weight:700;margin-bottom:.5rem;color:var(--text-color)}.education-card .qualification{font-size:var(--font-size-subtitle);font-weight:500;margin-bottom:1rem;color:var(--septenary-color)}.education-separator{width:100%;height:1px;background-color:#404040;margin:1rem 0}.education-dates{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:.4rem;width:100%;color:var(--experienx-meta-color);font-size:var(--font-size-small)}.education-dates .edu-left,.education-dates .edu-right{display:inline-flex;align-items:center;gap:.35rem;min-width:0}.edu-left{text-align:left;justify-content:flex-start;flex:1 1 auto}.edu-right{text-align:right;justify-content:flex-end;margin-left:auto}.education-dates,.grade-label,.grade-value,.percentage{color:var(--experienx-meta-color)}.education-dates span:first-child{font-size:var(--font-size-small)}@media (max-width: 768px){.education-cards{flex-direction:column;align-items:center}.education-card{width:90%;max-width:350px}}.certifications-section{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:0 auto}.certifications-subtitle{color:var(--subtitle-color);font-size:var(--font-size-subtitle);margin-bottom:2.5rem}.certifications-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;justify-items:center;align-items:stretch;width:100%;margin:0 auto;padding:1rem 0}@media (max-width: 800px){.certifications-grid{grid-template-columns:repeat(2,1fr);gap:1.2rem}}@media (max-width: 600px){.certifications-grid{grid-template-columns:1fr;gap:1rem;padding:.5rem 0}}.certification-card{background:var(--Card-Background-color);border-radius:12px;padding:0;width:100%;max-width:420px;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:10px;transition:box-shadow .2s,transform .2s,border-color .2s;border:1.5px solid var(--border-color);box-shadow:var(--box-shadow);overflow:hidden;text-align:left}.certification-card:hover{box-shadow:0 4px 32px #ff4c4c44,0 0 10px #4f8cff33;border-color:#ff4c4c;transform:translateY(-8px) scale(1.01)}.certification-image{width:100%;height:200px;background:var(--bg-grid-color-top);padding:10px;display:flex;align-items:center;justify-content:center}.certification-image img{width:100%;height:100%;border-radius:8px;object-fit:cover}.certification-image img:hover{transition:transform .3s ease}.image-placeholder{color:#fff;font-size:var(--font-size-small);font-weight:500}.certification-content{padding:1.5rem;text-align:left;display:flex;flex-direction:column;align-items:stretch}.certification-content p.certification-provider,.certification-content .certification-meta,.certification-content .certification-actions{text-align:left;width:100%}.certification-title{font-size:var(--font-size-card-title);font-weight:700;margin-bottom:.5rem;color:var(--text-color);text-align:center;display:block;width:100%}.certification-head-left .certification-title{text-align:center!important;display:flex;justify-content:center;width:100%}.certification-provider{color:var(--septenary-color);font-size:var(--font-size-small);font-weight:500;margin-bottom:1rem;text-align:left;display:block;width:100%}.certification-provider a{display:inline-block;text-align:left}.certification-separator{width:100%;height:1px;background-color:#404040;margin:1rem 0}.certification-date{display:flex;align-items:center;gap:.5rem;color:var(--experienx-meta-color);font-size:var(--font-size-small)}.certification-header{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:.25rem}.certification-head-left{display:flex;flex-direction:column;gap:.15rem;align-items:flex-start;width:100%}.certification-meta{display:flex;align-items:center;gap:.4rem;color:var(--experienx-meta-color);font-size:var(--font-size-small);white-space:nowrap;justify-content:flex-start;text-align:left}.certification-actions{margin-top:1rem;display:flex;justify-content:flex-start}.verify-btn{display:inline-flex;align-items:center;gap:6px;padding:.5rem .9rem;border-radius:8px;text-decoration:none;color:#4f8cff;font-size:var(--font-size-body);font-weight:600;transition:background .2s,color .2s,box-shadow .2s,transform .2s,border-color .2s}.verify-btn:hover,.icon:hover{color:var(--text-color)}.icon{width:16px;height:16px;color:var(--experienx-meta-color)}.company .icon,.experience-meta .icon{flex:0 0 auto}.skills-section{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:0 auto;max-width:100vh}.skills-section .section--container{max-width:100vh}.skills-subtitle{color:var(--subtitle-color);font-size:var(--font-size-subtitle);margin-bottom:2.5rem}.skills-grid{display:flex;flex-direction:column;gap:2rem;justify-content:center;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:1rem 0}.skills-row{display:flex;gap:1rem;justify-content:center;align-items:center;width:100%}.skill-card{background:var(--Card-Background-color);border-radius:8px;padding:1rem .8rem;text-align:center;transition:transform .3s,box-shadow .3s;border:1px solid var(--border-color);box-shadow:var(--box-shadow);display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:70px;flex-shrink:0}.skill-card:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 4px 32px #ff4c4c44,0 0 10px #4f8cff33;border-color:#ff4c4c}.skill-card img{width:40px;height:40px;object-fit:contain;filter:brightness(.9) contrast(1.1);transition:filter .3s}.skill-card:hover img{filter:brightness(1) contrast(1.1)}@media (min-width: 1024px){.skills-grid{gap:2rem}.skills-row{gap:1.2rem}.skill-card{min-width:90px;padding:1.2rem 1rem}.skill-card img{width:50px;height:50px}}@media (min-width: 768px) and (max-width: 1023px){.skills-grid{gap:1.5rem}.skills-row{gap:1rem}.skill-card{min-width:80px;padding:1rem .8rem}.skill-card img{width:40px;height:40px}.skills-subtitle{font-size:var(--font-size-subtitle);margin-bottom:2rem}}@media (max-width: 767px){.skills-section{padding:60px 0}.skills-grid{gap:1rem;padding:.5rem 0}.skills-row{gap:.8rem;flex-wrap:wrap;justify-content:center}.skill-card{min-width:70px;padding:.8rem .6rem;border-radius:8px}.skill-card img{width:35px;height:35px}.skill-card:hover{transform:translateY(-3px) scale(1.03)}.skills-subtitle{font-size:var(--font-size-small);margin-bottom:1.5rem;padding:0 1rem}.section--tittle h2{font-size:var(--font-size-heading-mobile);margin-bottom:1rem}}@media (max-width: 600px){.skills-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;width:100%;max-width:100vw;margin:0 auto;padding:.5rem 0;box-sizing:border-box;overflow-x:hidden}.skills-row{width:100%;justify-content:center;flex-wrap:wrap;gap:.5rem;margin:0}.skill-card{min-width:48px;max-width:60px;width:18vw;margin:0;padding:.5rem .2rem;box-sizing:border-box}}.contact-section{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;margin:0 auto}.contact-subtitle{color:var(--subtitle-color);font-size:var(--font-size-subtitle);margin-bottom:2.5rem}.contact-form{background:var(--contact-form-color);border-radius:7px;box-shadow:var(--box-shadow);padding:2.5rem 2rem 2rem;max-width:800px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:1.5rem;border:1.5px solid var(--border-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative;transition:box-shadow .3s}.contact-form:before{content:"";position:absolute;inset:0;border-radius:7px;pointer-events:none;background:var(--contact-form-color);z-index:0}.contact-row{display:flex;gap:1.5rem;width:100%}.contact-field{flex:1;display:flex;flex-direction:column;align-items:flex-start;z-index:1}.contact-field label{font-weight:500;color:var(--text-color);margin-bottom:.5rem;letter-spacing:.5px}.contact-field input,.contact-field textarea{width:100%;padding:.5rem 1rem;border-radius:8px;border:1px solid var(--border-color);background:var(--Card-Background-color);box-shadow:#00000014 0 4px 12px;color:var(--text-color);font-size:var(--font-size-body);margin-bottom:.2rem;outline:none}.contact-field input:focus,.contact-field textarea:focus{border:1px solid var(--primary-color)}.contact-btn{background:var(--Card-Background-color);color:var(--text-color);border:none;width:30%;border-radius:5px;box-shadow:var(--box-shadow);padding:.5rem 1rem;font-size:var(--font-size-body);font-weight:600;cursor:pointer;margin-top:1rem;transition:background .2s,box-shadow .2s,transform .2s;display:flex;align-items:center;text-align:center;justify-content:center;gap:.5rem;z-index:1}.contact-btn:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px) scale(1.03);box-shadow:0 4px 24px #4f8cff33}.contact-btn-container{display:flex;justify-content:center;align-items:center;width:100%}@media (max-width: 600px){.contact-form{padding:15px;border-radius:5px}.contact-section{padding:15px}.contact-row{flex-direction:column;gap:1rem}.contact-btn{width:70%}}@media (max-width: 900px){.timeline-container{flex-direction:column;align-items:center;margin-top:1.5rem}.timeline{display:none}.experience-card,.experience-card-2{max-width:60vw;min-width:unset;width:95vw;margin:0 0 1.5rem;text-align:left}.timeline-dot,.timeline-dot-2{display:none}}@media (max-width: 600px){.experience-section{padding:0 .5rem}.experience-title{font-size:var(--font-size-heading)}.experience-subtitle{font-size:var(--font-size-subtitle);margin-bottom:1.2rem}.timeline{display:none}.experience-card,.experience-card-2{padding:.8rem .7rem;font-size:var(--font-size-body-mobile);border-radius:10px;max-width:90vh;min-width:unset}}.about-section{width:100%;padding:80px 0}.section--container{max-width:1100px;margin:0 auto;padding:0 2rem}.section--tittle{font-size:var(--font-size-heading);margin-bottom:1.5rem}.section--content{background:var(--Card-Background-color);border-radius:12px;padding:2.5rem 2rem;margin:0 auto;color:var(--text-color);font-size:var(--font-size-body);line-height:1.7;box-shadow:var(--Card-Background-shadow);width:80%;max-width:800px;text-align:left}.section--content img{max-width:100%;height:auto;border-radius:8px;margin-bottom:1.2rem;display:block}@media (max-width: 900px){.section--container{padding:15px}.section--content{width:95%;padding:2rem 1rem;font-size:var(--font-size-body)}.section--tittle{font-size:var(--font-size-heading)}}@media (max-width: 600px){.about-section{padding:40px 0}.section--container{padding:15px}.section--content{width:100%;padding:15px;font-size:var(--font-size-body-mobile);border-radius:8px}.section--tittle{font-size:var(--font-size-heading-mobile);margin-bottom:1rem}}#nprogress{pointer-events:none}#nprogress .bar{background:#29d;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #29d,0 0 5px #29d;opacity:1;-webkit-transform:rotate(3deg) translate(0px,-4px);-ms-transform:rotate(3deg) translate(0px,-4px);transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:solid 2px transparent;border-top-color:#29d;border-left-color:#29d;border-radius:50%;-webkit-animation:nprogress-spinner .4s linear infinite;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.go-to-top{position:fixed;bottom:clamp(16px,5vh,6rem);right:clamp(12px,4vw,2rem);z-index:100}.top-btn{background-color:#fff0;color:var(--primary-color);border:none;border-radius:50%;border:2px solid var(--primary-color);width:50px;height:50px;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0003;transition:background .3s,transform .3s,color .3s,border-color .3s,box-shadow .3s}.top-btn:hover{background:var(--primary-color);color:#fff;transform:translateY(-3px)}@supports (bottom: env(safe-area-inset-bottom)){.go-to-top{bottom:calc(1rem + env(safe-area-inset-bottom))}}@media (max-width: 768px){.go-to-top{right:1rem}.top-btn{width:46px;height:46px;font-size:1.35rem}}@media (max-width: 480px){.go-to-top{right:.875rem;bottom:calc(.875rem + env(safe-area-inset-bottom,0px))}.top-btn{width:44px;height:44px;font-size:1.25rem;box-shadow:0 3px 10px #0000002e}}#nprogress .bar{background:var(--primary-color)!important;height:3px!important}#nprogress .peg{box-shadow:0 0 10px var(--primary-color),0 0 5px var(--primary-color)!important}#nprogress .spinner-icon{border-top-color:var(--primary-color)!important;border-left-color:var(--primary-color)!important}.shimmer-hero{display:flex;align-items:center;justify-content:space-between;gap:clamp(16px,4vw,40px);width:100%;height:100%}.shimmer-hero-left{flex:1;display:flex;flex-direction:column;gap:16px}.shimmer-line{position:relative;overflow:hidden;background:var(--shimmer-base);box-shadow:var(--box-shadow);border-radius:8px}.shimmer-line:after{content:"";position:absolute;top:0;left:-150%;height:100%;width:150%;background:linear-gradient(90deg,rgba(0,0,0,0) 0%,var(--shimmer-highlight) 50%,rgba(0,0,0,0) 100%);transform:skew(-25deg);animation:shimmer-move 1.6s infinite}.shimmer-line.small{height:16px;width:140px}.shimmer-line.title{height:48px;width:60%}.shimmer-line.subtitle{height:22px;width:50%}.shimmer-line.btn{height:44px;width:160px;border-radius:10px;display:inline-block}.shimmer-row{display:flex;gap:14px}.shimmer-hero-right{flex:1;display:flex;align-items:center;justify-content:center}.shimmer-block{position:relative;width:100%;max-width:560px;height:240px;border-radius:16px;overflow:hidden}.shimmer-block-inner{display:flex;flex-direction:column;gap:16px;padding:24px;height:100%;justify-content:center}.shimmer-avatar{position:relative;width:clamp(200px,28vw,320px);height:clamp(200px,28vw,320px);border-radius:50%;background:var(--shimmer-base);box-shadow:var(--box-shadow);overflow:hidden}.shimmer-avatar:after{content:"";position:absolute;top:0;left:-150%;height:100%;width:150%;background:linear-gradient(90deg,rgba(0,0,0,0) 0%,var(--shimmer-highlight) 50%,rgba(0,0,0,0) 100%);transform:skew(-25deg);animation:shimmer-move 1.6s infinite}@keyframes shimmer-move{to{left:150%}}@media (max-width: 770px){.shimmer-hero{flex-direction:column;text-align:center}.shimmer-hero-left{align-items:center}}