:root{--bg:#0f172a;--card:#1e293b;--text:#e2e8f0;--accent:#38bdf8;--accent2:#22d3ee;--glow:0 0 10px rgba(56, 189, 248, .5),
    0 0 30px rgba(56, 189, 248, .25);--space-xs:8px;--space-sm:12px;--space-md:20px;--space-lg:30px;--space-xl:50px;--font-base:'Poppins', sans-serif;--transition-fast:0.2s ease;--transition-base:0.3s ease;--transition-slow:0.8s ease;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--z-bg:-1;--z-base:1;--z-nav:9999;--z-overlay:9998;--z-loader:99999}body.light-mode{--bg:#f8fafc;--card:#ffffff;--text:#0f172a;--accent:#0ea5e9;--accent2:#38bdf8}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;height:100%}body{font-family:var(--font-base);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;height:100%;position:relative;z-index:var(--z-base);will-change:background-color,color;isolation:isolate;transition:background-color var(--transition-base),color var(--transition-base)}body.menu-open,body.loading{overflow:hidden}body.loading main,body.loading header,body.loading nav{opacity:0}body.theme-transitioning .navbar,body.theme-transitioning .nav-links,body.theme-transitioning .contact-btn,body.theme-transitioning .social-btn,body.theme-transitioning .copy-toast,body.theme-transitioning .update-toast,body.theme-transitioning .reinstall-modal__box,body.theme-transitioning .lang-btn{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transition:none!important}a{color:inherit;text-decoration:none}a:visited{color:inherit}body.light-mode a{color:var(--accent)}h2{margin-bottom:var(--space-sm)}p{line-height:1.6}body::before{content:'';position:fixed;inset:0;background:linear-gradient(270deg,#0f172a,#1e293b,#0f172a);background-size:400% 400%;animation:bgMove 20s ease infinite;z-index:-2;pointer-events:none;opacity:.08;filter:blur(3px);will-change:background-position;transform:translateZ(0)}body::after{content:'';position:fixed;inset:0;background:linear-gradient(rgb(255 255 255 / .02) 1px,transparent 1px);background-size:100% 3px;pointer-events:none;opacity:.05;z-index:1}body.light-mode::before{background:linear-gradient(270deg,#f8fafc,#e2e8f0,#f8fafc);opacity:.12;filter:blur(6px)}@keyframes bgMove{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.loader{position:fixed;inset:0;background:radial-gradient(circle,#020617,#000);display:flex;align-items:center;justify-content:center;z-index:var(--z-loader);overflow:hidden;will-change:opacity;transform:translateZ(0)}.loader::before{content:'0101010101010101010101010101010101010101010101010101010101010101';position:absolute;inset:0;font-size:10px;color:rgb(56 189 248 / .06);line-height:14px;letter-spacing:2px;white-space:pre-wrap;word-break:break-all;opacity:.05}.loader::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgb(56 189 248 / .2),transparent 50%),radial-gradient(circle at 80% 70%,rgb(14 165 233 / .2),transparent 50%);filter:blur(20px);animation:floatGlow 8s ease-in-out infinite}.loader-inner{position:relative;z-index:2}.loader-logo img{width:80px;filter:drop-shadow(0 0 10px #38bdf8) drop-shadow(0 0 30px #38bdf8);animation:glitch 1.5s infinite,loaderPulse 2s ease-in-out infinite}.loader-init{margin-top:15px;font-size:11px;letter-spacing:3px;color:#38bdf8;opacity:.7;animation:blinkFade 1.2s infinite}.loader-bar{width:180px;height:3px;background:rgb(255 255 255 / .1);margin-top:20px;border-radius:5px;overflow:hidden}.loader-progress{width:0%;height:100%;background:linear-gradient(90deg,#38bdf8,#0ea5e9);box-shadow:0 0 10px #38bdf8;transition:width 0.2s linear}.loader-text{margin-top:10px;font-size:12px;color:#38bdf8;letter-spacing:2px}.loader.hide{opacity:0;visibility:hidden;transition:0.8s ease;pointer-events:none}@media (max-width:768px){.loader::before{opacity:.03}.loader::after{animation:none;opacity:.3}.loader-logo img{width:65px;animation:loaderPulse 2s infinite}.loader-init{font-size:10px}}@keyframes floatGlow{0%,100%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}@keyframes loaderPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(2px,-2px)}60%{transform:translate(-1px,1px)}80%{transform:translate(1px,-1px)}100%{transform:translate(0)}}@keyframes blinkFade{0%,100%{opacity:.8}50%{opacity:.3}}.intro-fx{position:fixed;inset:0;z-index:var(--z-overlay);pointer-events:none;opacity:0;background:radial-gradient(circle at center,rgb(56 189 248 / .12),transparent 70%);transform:scale(1.08);transition:opacity 1s ease,transform 1.2s ease}body.intro-active .intro-fx{opacity:1;transform:scale(1)}.intro-fx::before{content:'';position:absolute;inset:-50%;background:linear-gradient(180deg,transparent,rgb(56 189 248 / .15),transparent);transform:translateY(-100%)}body.intro-active .intro-fx::before{animation:introScan 1.2s ease forwards}.intro-fx::after{content:'';position:absolute;inset:0;background:radial-gradient(circle,rgb(56 189 248 / .2),transparent 70%);opacity:0}body.intro-active .intro-fx::after{animation:introFlash 1s ease}body.intro-active .hero-content,body.intro-active .hero-visual,body.intro-active .navbar{animation:heroReveal 1.4s ease}@keyframes introScan{0%{transform:translateY(-120%)}100%{transform:translateY(120%)}}@keyframes introFlash{0%{opacity:0}30%{opacity:1}100%{opacity:0}}@keyframes heroReveal{0%{opacity:0;transform:translateY(40px) scale(.98);filter:blur(12px)}100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@media (max-width:768px){.intro-fx{backdrop-filter:none}body.intro-active .hero-content,body.intro-active .hero-visual,body.intro-active .navbar{animation:heroRevealMobile 0.8s ease}@keyframes heroRevealMobile{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}}.navbar{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:rgb(15 23 42 / .75);backdrop-filter:blur(14px);border-bottom:1px solid rgb(56 189 248 / .08);box-shadow:0 0 25px rgb(56 189 248 / .08);z-index:var(--z-nav);transition:background var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}.navbar::before{content:'';position:absolute;left:-40%;bottom:0;width:180%;height:2px;background:linear-gradient(90deg,transparent,rgb(56 189 248 / .9),rgb(14 165 233),rgb(56 189 248 / .9),transparent);animation:navbarGlow 6s linear infinite;opacity:.9;will-change:transform;transform:translateZ(0)}.navbar::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgb(56 189 248 / .06),transparent 70%);pointer-events:none}.navbar-inner{width:100%;max-width:1100px;margin:auto;display:flex;justify-content:space-between;align-items:center}.navbar.scrolled .logo-wrap{transform:scale(.9);transition:var(--transition-base)}.navbar:hover{border-color:rgb(56 189 248 / .25);box-shadow:0 8px 30px rgb(56 189 248 / .15)}body.light-mode .navbar{background:linear-gradient(180deg,rgb(255 255 255 / .92),rgb(248 250 252 / .88));border-bottom:1px solid rgb(56 189 248 / .18);box-shadow:0 4px 18px rgb(14 165 233 / .08)}body.light-mode .navbar::before{opacity:1;background:linear-gradient(90deg,transparent,rgb(14 165 233 / .9),rgb(56 189 248),rgb(14 165 233 / .9),transparent);box-shadow:0 0 12px rgb(56 189 248 / .8),0 0 24px rgb(14 165 233 / .5)}body.light-mode .navbar::after{display:none}body.light-mode .logo-text{color:#0f172a;font-weight:600}body.light-mode .nav-links a{color:#0f172a}body.light-mode .nav-links a:hover{color:var(--accent)}@keyframes navbarGlow{0%{transform:translateX(-20%)}100%{transform:translateX(20%)}}.nav-overlay{position:fixed;inset:0;background:rgb(0 0 0 / .5);backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:var(--transition-base);z-index:3000;will-change:opacity;transform:translateZ(0)}.nav-overlay.active{opacity:1;pointer-events:auto}.nav-right{display:flex;align-items:center;gap:12px}.nav-links{display:flex;gap:18px;align-items:center}.nav-links li{list-style:none}.nav-links a{font-size:15px;padding:8px 12px;border-radius:var(--radius-sm);transition:var(--transition-fast);position:relative}.nav-links a:hover{background:rgb(56 189 248 / .1)}.nav-links i{color:#38bdf8;font-size:16px}.nav-links a::after{content:'';position:absolute;left:0;bottom:0;width:0%;height:2px;background:linear-gradient(90deg,#38bdf8,#0ea5e9);transition:width var(--transition-base)}.nav-links a:hover::after,.nav-links a.active::after{width:100%}@media (max-width:768px){.menu-toggle{display:flex;align-items:center;justify-content:center;font-size:22px;cursor:pointer;z-index:3000;position:relative}.nav-links{position:fixed;top:0;right:0;width:260px;height:100dvh;overflow-y:auto;flex-direction:column;gap:25px;padding:100px 30px;background:#0f172a;backdrop-filter:blur(20px);transform:translateX(100%);transition:transform 0.4s cubic-bezier(.77,0,.175,1);z-index:9998}.nav-links li{position:relative}.nav-links li::after{content:'';position:absolute;bottom:-8px;left:0;width:100%;height:1px;background:rgb(255 255 255 / .05)}.nav-links.active{transform:translateX(0)}.nav-links a{opacity:0;transform:translateX(20px);transition:0.3s ease}.nav-links.active a{opacity:1;transform:translateX(0)}.nav-links.active li:nth-child(1) a{transition-delay:0.1s}.nav-links.active li:nth-child(2) a{transition-delay:0.2s}.nav-links.active li:nth-child(3) a{transition-delay:0.3s}.nav-links.active li:nth-child(4) a{transition-delay:0.4s}.nav-links.active li:nth-child(5) a{transition-delay:0.5s}}@media (min-width:769px){.menu-toggle{display:none}}body.light-mode .nav-links{background:#fff;color:#0f172a;box-shadow:-10px 0 30px rgb(0 0 0 / .1)}body.light-mode .nav-overlay{background:rgb(0 0 0 / .2);backdrop-filter:blur(4px)}.logo{position:relative;display:flex;align-items:center}.logo::before{content:'';position:absolute;inset:-25px;border-radius:50%;background:radial-gradient(circle,rgb(56 189 248 / .35),transparent 70%);filter:blur(25px);z-index:-1}.logo-wrap{position:relative;width:60px;height:60px;margin-top:4px;display:flex;align-items:center;justify-content:center;isolation:isolate;transform:translateY(2px)}.logo-img{width:60px;height:60px;object-fit:contain;border-radius:50%;z-index:2;position:relative;transition:var(--transition-base);filter:drop-shadow(0 0 6px var(--accent)) drop-shadow(0 0 20px var(--accent))}.logo-wrap:hover .logo-img{transform:scale(1.1);filter:drop-shadow(0 0 12px var(--accent)) drop-shadow(0 0 40px var(--accent))}@media (min-width:768px){.logo-wrap{width:70px;height:70px}.logo-img{width:70px;height:70px}}.logo-wrap .orbit{position:absolute;border-radius:50%;pointer-events:none}.logo-wrap .orbit1{inset:-18px;animation:orbitRotate 6s linear infinite}.logo-wrap .orbit2{inset:-28px;animation:orbitRotateReverse 10s linear infinite}.logo-wrap .orbit1:hover{animation-duration:2.5s}.logo-wrap .orbit2:hover{animation-duration:5s}.logo-wrap:hover .orbit1{animation-duration:2.5s}.logo-wrap:hover .orbit2{animation-duration:5s}.logo-wrap .orbit span{position:absolute;border-radius:50%}.logo-wrap .orbit span:nth-child(1){top:0;left:50%;transform:translateX(-50%)}.logo-wrap .orbit span:nth-child(2){bottom:0;left:50%;transform:translateX(-50%)}.logo-wrap .orbit1 span{width:6px;height:6px;background:var(--accent);box-shadow:0 0 6px var(--accent),0 0 15px var(--accent)}.logo-wrap .orbit2 span{width:4px;height:4px;background:var(--accent2);box-shadow:0 0 6px var(--accent2),0 0 12px var(--accent2)}body.light-mode .logo-img{filter:drop-shadow(0 0 4px rgb(14 165 233 / .4)) drop-shadow(0 0 12px rgb(14 165 233 / .3))}body.light-mode .logo-wrap .orbit1 span{box-shadow:0 0 4px var(--accent),0 0 8px var(--accent)}body.light-mode .logo-wrap .orbit2 span{box-shadow:0 0 4px var(--accent2),0 0 8px var(--accent2)}@keyframes orbitRotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes orbitRotateReverse{from{transform:rotate(360deg)}to{transform:rotate(0deg)}}.container{max-width:900px;margin:auto;padding:var(--space-lg) var(--space-md);display:flex;flex-direction:column;gap:var(--space-lg);position:relative}main{position:relative;z-index:2}section{margin-bottom:var(--space-xl);content-visibility:auto;contain-intrinsic-size:1000px}body.light-mode section{background:#fff0}header{width:100%;position:relative;z-index:2;padding-top:80px}header::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgb(56 189 248 / .08),transparent 60%);filter:blur(40px);opacity:.6;pointer-events:none}.hero-inner{max-width:1100px;margin:0 auto;padding:60px 20px;display:flex;align-items:center;justify-content:space-between;gap:40px}.hero-text{flex:1;max-width:520px}.hero-text h1{font-size:64px;line-height:1.05;font-weight:800;letter-spacing:-2px;color:#f8fafc;display:flex;flex-direction:column;text-transform:uppercase;margin-bottom:18px}.hero-text h1 span:first-child{opacity:.9}.hero-text p{margin-top:12px;opacity:.8;line-height:1.6}@media (max-width:768px){.hero-inner{flex-direction:column;text-align:center}.hero-text{max-width:100%}.hero-text h1{font-size:42px;line-height:1.1;letter-spacing:-1px}.hero-img img{max-width:200px}.buttons{justify-content:center}}.glow-text{position:relative;display:inline-block;color:#38bdf8;font-weight:800;letter-spacing:-2px;text-shadow:0 0 10px rgb(56 189 248 / .55),0 0 30px rgb(56 189 248 / .25)}.glow-text::after{content:'';position:absolute;inset:-8px -4px;background:radial-gradient(ellipse,rgb(56 189 248 / .35) 0%,rgb(56 189 248 / .12) 40%,transparent 70%);filter:blur(14px);z-index:-1;border-radius:4px;animation:glowOpacity 4s ease-in-out infinite;will-change:opacity}.glow-text::before{display:none}@keyframes glowOpacity{0%,100%{opacity:.6}50%{opacity:1}}.hero-img{flex:1;display:flex;justify-content:center;align-items:center;position:relative;min-height:320px}.hero-photo{width:260px;height:320px;position:relative;z-index:2;border-radius:var(--radius-lg);overflow:hidden;background-image:url(profile.webp);background-size:cover;background-position:center;background-repeat:no-repeat;border:1px solid rgb(56 189 248 / .25);box-shadow:0 15px 45px rgb(56 189 248 / .18),0 0 20px rgb(56 189 248 / .12);animation:floatHero 5s ease-in-out infinite;will-change:transform;transition:transform 0.4s ease,box-shadow 0.4s ease}.hero-photo:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 20px 55px rgb(56 189 248 / .25),0 0 35px rgb(56 189 248 / .18)}.hero-photo::before{content:'';position:absolute;inset:0;border-radius:var(--radius-lg);border:1px solid rgb(56 189 248 / .45);box-shadow:inset 0 0 18px rgb(56 189 248 / .18),0 0 20px rgb(56 189 248 / .12);pointer-events:none;z-index:2;animation:glowOpacity 4s ease-in-out infinite;will-change:opacity}.hero-photo::after{content:'';position:absolute;top:0;left:-120%;width:55%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .22),transparent);transform:skewX(-18deg);animation:shineMove 5s linear infinite;pointer-events:none;z-index:3}.hero-img::before{content:'';position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgb(56 189 248 / .22),transparent 70%);filter:blur(40px);z-index:1;animation:glowPulseHero 5s ease-in-out infinite;will-change:opacity,transform}@keyframes floatHero{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shineMove{0%{left:-120%}100%{left:160%}}@keyframes glowPulseHero{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.08)}}@media (max-width:768px){.hero-img{min-height:240px}.hero-photo{width:180px;height:220px;border-radius:18px}.hero-img::before{width:220px;height:220px;filter:blur(30px)}}@media (max-width:480px){.hero-photo{width:160px;height:200px}}.typing{position:relative;font-size:1.08rem;line-height:1.9;font-weight:500;letter-spacing:.4px;margin-top:8px;min-height:34px;color:rgb(255 255 255 / .88);opacity:.95;transition:var(--transition-base)}.typing::after{content:'';display:inline-block;width:2px;height:18px;margin-left:6px;border-radius:10px;vertical-align:middle;background:linear-gradient(180deg,#38bdf8,#22c55e);box-shadow:0 0 8px rgb(56 189 248 / .7);animation:cursorBlink 0.9s ease infinite}@keyframes cursorBlink{0%,50%{opacity:1}51%,100%{opacity:0}}.typing .highlight,.typing .highlight-green,.typing .highlight-white{position:relative;font-weight:700}.typing .highlight{color:#38bdf8;text-shadow:0 0 8px rgb(56 189 248 / .5)}.typing .highlight-green{color:#22c55e;text-shadow:0 0 8px rgb(34 197 94 / .5)}.typing .highlight-white{color:#f8fafc;text-shadow:0 0 8px rgb(255 255 255 / .3)}body.light-mode .typing{color:#0f172a}body.light-mode .typing .highlight{color:#0284c7}body.light-mode .typing .highlight-green{color:#16a34a}body.light-mode .typing .highlight-white{color:#0f172a;text-shadow:none}@media (max-width:768px){.typing{font-size:.95rem;line-height:1.7;text-align:center;min-height:48px}}@media (max-width:480px){.typing{font-size:.88rem}}.buttons{display:flex;gap:10px;margin-top:15px}.btn{padding:10px 15px;border-radius:var(--radius-sm);background:linear-gradient(135deg,#38bdf8,#0ea5e9);color:#fff;border:none;box-shadow:var(--glow);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.btn:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 10px 30px rgb(56 189 248 / .5)}.btn-outline{padding:10px 15px;border-radius:var(--radius-sm);border:1px solid var(--accent);color:var(--accent);background:#fff0;transition:background var(--transition-fast),color var(--transition-fast)}.btn-outline:hover{background:var(--accent);color:#fff}body.light-mode .btn{background:#0ea5e9;color:#fff}body.light-mode .btn:hover{box-shadow:0 10px 30px rgb(14 165 233 / .5)}body.light-mode .btn-outline{border:2px solid #0ea5e9;color:#0ea5e9;background:rgb(14 165 233 / .08)}body.light-mode .btn-outline:hover{background:#0ea5e9;color:#fff}body.light-mode .hero-title span{color:var(--accent)}#about p{font-size:13px;line-height:1.8;color:rgb(226 232 240 / .75);margin-bottom:16px}body.light-mode #about p{color:rgb(15 23 42 / .75)}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.stat-card{background:rgb(56 189 248 / .05);border:1px solid rgb(56 189 248 / .12);border-radius:14px;padding:16px 12px;text-align:center;position:relative;overflow:hidden;transition:all var(--transition-base);cursor:default;animation:statReveal 0.5s ease forwards;opacity:0}.stat-card:nth-child(1){animation-delay:0.1s}.stat-card:nth-child(2){animation-delay:0.2s}.stat-card:nth-child(3){animation-delay:0.3s}.stat-card:nth-child(4){animation-delay:0.4s}.stat-card:nth-child(5){animation-delay:0.5s}.stat-card:nth-child(6){animation-delay:0.6s}.stat-card::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgb(56 189 248 / .08),transparent 70%);opacity:0;transition:opacity var(--transition-base)}.stat-card:hover{border-color:rgb(56 189 248 / .35);transform:translateY(-3px);box-shadow:0 8px 24px rgb(56 189 248 / .12)}.stat-card:hover::before{opacity:1}.stat-icon{font-size:20px;margin-bottom:8px;display:block;filter:drop-shadow(0 0 6px rgb(56 189 248 / .5))}.stat-number{font-size:22px;font-weight:700;color:var(--accent);line-height:1;margin-bottom:4px;text-shadow:0 0 12px rgb(56 189 248 / .4);position:relative;display:inline-block}.stat-number span{font-size:14px;color:var(--accent2)}.stat-number::after{content:'';display:inline-block;width:5px;height:5px;background:var(--accent2);border-radius:50%;margin-left:3px;vertical-align:super;box-shadow:0 0 6px var(--accent2);animation:pulseDot 2s ease-in-out infinite}.stat-label{font-size:10px;color:rgb(226 232 240 / .5);letter-spacing:.5px;text-transform:uppercase;line-height:1.4;margin-top:4px;display:block}body.light-mode .stat-card{background:rgb(14 165 233 / .05);border-color:rgb(14 165 233 / .15)}body.light-mode .stat-card:hover{border-color:rgb(14 165 233 / .4);box-shadow:0 8px 24px rgb(14 165 233 / .1)}body.light-mode .stat-label{color:rgb(15 23 42 / .5)}@keyframes statReveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseDot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.6)}}@media (max-width:480px){.stat-grid{grid-template-columns:repeat(2,1fr)}}.card{background:var(--card);border:1px solid rgb(56 189 248 / .1);border-radius:var(--radius-lg);padding:var(--space-lg);position:relative;overflow:hidden;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgb(56 189 248 / .5),transparent);opacity:0;transition:opacity var(--transition-base)}.card:hover{border-color:rgb(56 189 248 / .25);box-shadow:0 8px 32px rgb(56 189 248 / .08)}.card:hover::before{opacity:1}body.light-mode .card{background:var(--card);border-color:rgb(14 165 233 / .15);box-shadow:0 2px 16px rgb(14 165 233 / .06)}body.light-mode .card:hover{border-color:rgb(14 165 233 / .35);box-shadow:0 8px 32px rgb(14 165 233 / .1)}.skills-category{display:flex;flex-direction:column;gap:42px;margin-top:28px}.skills-group{position:relative;padding:30px;border-radius:28px;overflow:hidden;background:linear-gradient(145deg,rgb(15 23 42 / .88),rgb(30 41 59 / .72));border:1px solid rgb(56 189 248 / .12);backdrop-filter:blur(18px);transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}.skills-group:hover{transform:translateY(-5px);border-color:rgb(56 189 248 / .24);box-shadow:0 20px 50px rgb(0 0 0 / .35),0 0 35px rgb(56 189 248 / .08)}.skills-group::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at top right,rgb(56 189 248 / .08),transparent 45%);pointer-events:none}.skills-group__header{position:relative;z-index:2;display:flex;align-items:flex-start;gap:18px;margin-bottom:28px}.skills-group__badge{width:58px;height:58px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:18px;background:linear-gradient(135deg,rgb(56 189 248 / .18),rgb(14 165 233 / .08));border:1px solid rgb(56 189 248 / .18)}.skills-group__badge i{font-size:22px;color:#38bdf8}.skills-group__badge.hospitality{background:linear-gradient(135deg,rgb(251 191 36 / .16),rgb(245 158 11 / .08));border:1px solid rgb(251 191 36 / .18)}.skills-group__badge.hospitality i{color:#fbbf24}.skills-group__text h3{font-size:1.18rem;font-weight:700;color:#f8fafc;margin-bottom:6px}.skills-group__text p{font-size:.95rem;line-height:1.7;color:rgb(226 232 240 / .72)}.skills-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.skill-card{position:relative;padding:24px;border-radius:22px;overflow:hidden;background:rgb(255 255 255 / .04);border:1px solid rgb(255 255 255 / .06);transition:transform .3s ease,background .3s ease,border-color .3s ease,box-shadow .3s ease}.skill-card:hover{transform:translateY(-6px);background:rgb(56 189 248 / .08);border-color:rgb(56 189 248 / .22);box-shadow:0 14px 35px rgb(0 0 0 / .28)}.skill-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgb(56 189 248 / .8),transparent);opacity:0;transition:opacity .3s ease}.skill-card:hover::before{opacity:1}.skill-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;border-radius:18px;background:linear-gradient(135deg,rgb(56 189 248 / .14),rgb(14 165 233 / .06));border:1px solid rgb(56 189 248 / .14)}.skill-icon i{font-size:24px;color:#38bdf8}.skill-card h4{font-size:1.02rem;font-weight:700;color:#f8fafc;margin-bottom:10px}.skill-card p{font-size:.92rem;line-height:1.7;color:rgb(226 232 240 / .72)}body.light-mode .skills-category{gap:32px}body.light-mode .skills-group{background:#fff;border:1px solid rgb(14 165 233 / .12);box-shadow:0 10px 30px rgb(0 0 0 / .07),0 2px 8px rgb(0 0 0 / .04);backdrop-filter:none}body.light-mode .skills-group:hover{border-color:rgb(14 165 233 / .25);box-shadow:0 20px 50px rgb(0 0 0 / .1),0 0 30px rgb(14 165 233 / .06)}body.light-mode .skills-group::before{background:radial-gradient(circle at top right,rgb(14 165 233 / .05),transparent 45%)}body.light-mode .skills-group__badge{background:linear-gradient(135deg,rgb(14 165 233 / .12),rgb(56 189 248 / .06));border-color:rgb(14 165 233 / .2)}body.light-mode .skills-group__badge i{color:#0ea5e9}body.light-mode .skills-group__badge.hospitality{background:linear-gradient(135deg,rgb(245 158 11 / .12),rgb(251 191 36 / .06));border-color:rgb(245 158 11 / .2)}body.light-mode .skills-group__badge.hospitality i{color:#d97706}body.light-mode .skills-group__text h3{color:#0f172a}body.light-mode .skills-group__text p{color:rgb(15 23 42 / .6)}body.light-mode .skill-card{background:#f8fafc;border:1px solid rgb(0 0 0 / .06);box-shadow:0 2px 8px rgb(0 0 0 / .04)}body.light-mode .skill-card:hover{background:#fff;border-color:rgb(14 165 233 / .25);box-shadow:0 12px 30px rgb(0 0 0 / .09),0 0 0 1px rgb(14 165 233 / .1);transform:translateY(-5px)}body.light-mode .skill-card::before{background:linear-gradient(90deg,transparent,rgb(14 165 233 / .7),transparent)}body.light-mode .skill-icon{background:linear-gradient(135deg,rgb(14 165 233 / .1),rgb(56 189 248 / .05));border-color:rgb(14 165 233 / .15)}body.light-mode .skill-icon i{color:#0ea5e9}body.light-mode .skill-card h4{color:#0f172a}body.light-mode .skill-card p{color:rgb(15 23 42 / .58)}@media (max-width:768px){.skills-group{padding:22px;border-radius:24px}.skills-group__header{flex-direction:column;align-items:flex-start}.skills-grid{grid-template-columns:1fr;gap:16px}.skill-card{padding:22px}}#experience.exp-section{background:var(--card);padding:36px 32px;border-radius:var(--radius-lg);border:1px solid rgb(255 255 255 / .05);box-shadow:0 10px 40px rgb(0 0 0 / .35);position:relative;overflow:hidden;transition:box-shadow var(--transition-base)}#experience.exp-section::before{content:'';position:absolute;top:-60px;right:-60px;width:260px;height:260px;background:radial-gradient(circle,rgb(56 189 248 / .1),transparent 70%);filter:blur(30px);pointer-events:none;z-index:0}#experience.exp-section h2{font-size:1.35rem;font-weight:700;letter-spacing:.4px;color:#f8fafc;margin-bottom:32px;display:flex;align-items:center;gap:12px;position:relative;z-index:1}.exp-section-icon{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,rgb(56 189 248 / .18),rgb(14 165 233 / .08));border:1px solid rgb(56 189 248 / .22);display:flex;align-items:center;justify-content:center;flex-shrink:0}.exp-section-icon i{font-size:15px;color:var(--accent)}.exp-track{position:relative;display:flex;flex-direction:column;z-index:1}.exp-track::before{content:'';position:absolute;left:19px;top:8px;bottom:28px;width:2px;background:linear-gradient(180deg,rgb(56 189 248 / .85) 0%,rgb(56 189 248 / .35) 65%,transparent 100%);border-radius:2px;z-index:0}.exp-item{display:grid;grid-template-columns:40px 1fr;column-gap:20px;position:relative;padding-bottom:24px}.exp-item:last-child{padding-bottom:0}.exp-node{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2}.exp-dot{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,rgb(56 189 248 / .15),rgb(14 165 233 / .06));border:2px solid rgb(56 189 248 / .4);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}.exp-dot i{font-size:14px;color:var(--accent);transition:color var(--transition-base),filter var(--transition-base)}.exp-item:hover .exp-dot{background:linear-gradient(135deg,rgb(56 189 248 / .28),rgb(14 165 233 / .14));border-color:rgb(56 189 248 / .8);box-shadow:0 0 18px rgb(56 189 248 / .35),0 0 6px rgb(56 189 248 / .2)}.exp-item:hover .exp-dot i{color:#fff;filter:drop-shadow(0 0 5px rgb(56 189 248 / .9))}.exp-body{background:rgb(255 255 255 / .03);border:1px solid rgb(255 255 255 / .06);border-radius:var(--radius-md);padding:18px 20px;position:relative;overflow:hidden;transition:background var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base)}.exp-body::before{content:'';position:absolute;left:0;top:25%;bottom:25%;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(180deg,var(--accent),var(--accent2));opacity:0;transition:opacity var(--transition-base),top var(--transition-base),bottom var(--transition-base)}.exp-body::after{content:'';position:absolute;top:0;left:-120%;width:55%;height:1px;background:linear-gradient(90deg,transparent,rgb(56 189 248 / .75),transparent);transition:left 0.55s ease}.exp-item:hover .exp-body{background:rgb(56 189 248 / .05);border-color:rgb(56 189 248 / .18);box-shadow:0 8px 28px rgb(0 0 0 / .22),0 0 18px rgb(56 189 248 / .06);transform:translateX(5px)}.exp-item:hover .exp-body::before{opacity:1;top:14%;bottom:14%}.exp-item:hover .exp-body::after{left:150%}.exp-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:7px;flex-wrap:wrap}.exp-company{font-size:1rem;font-weight:700;color:#f8fafc;line-height:1.35}.exp-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;background:rgb(56 189 248 / .1);border:1px solid rgb(56 189 248 / .22);font-size:.72rem;font-weight:600;color:var(--accent);white-space:nowrap;letter-spacing:.3px;flex-shrink:0;transition:background var(--transition-base),border-color var(--transition-base)}.exp-badge i{font-size:9px}.exp-item:hover .exp-badge{background:rgb(56 189 248 / .16);border-color:rgb(56 189 248 / .4)}.exp-role{display:flex;align-items:center;gap:7px;font-size:.875rem;color:rgb(226 232 240 / .62);font-weight:400;line-height:1.5}.exp-role i{font-size:10px;color:rgb(56 189 248 / .5);flex-shrink:0}.exp-current{display:inline-flex;align-items:center;gap:6px;margin-top:9px;padding:3px 10px;border-radius:20px;background:rgb(34 197 94 / .1);border:1px solid rgb(34 197 94 / .22);font-size:.7rem;font-weight:600;color:#4ade80;letter-spacing:.4px}.exp-current .dot-live{width:6px;height:6px;border-radius:50%;background:#4ade80;box-shadow:0 0 7px rgb(74 222 128 / .85);animation:expLivePulse 1.6s ease-in-out infinite}@keyframes expLivePulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.65)}}body.light-mode #experience.exp-section{background:#fff;border:1px solid rgb(0 0 0 / .06);box-shadow:0 10px 30px rgb(0 0 0 / .07)}body.light-mode #experience.exp-section::before{background:radial-gradient(circle,rgb(14 165 233 / .07),transparent 70%)}body.light-mode #experience.exp-section h2{color:#0f172a}body.light-mode .exp-section-icon{background:linear-gradient(135deg,rgb(14 165 233 / .12),rgb(56 189 248 / .06));border-color:rgb(14 165 233 / .2)}body.light-mode .exp-section-icon i{color:#0ea5e9}body.light-mode .exp-track::before{background:linear-gradient(180deg,rgb(14 165 233 / .7) 0%,rgb(14 165 233 / .25) 65%,transparent 100%)}body.light-mode .exp-dot{background:linear-gradient(135deg,rgb(14 165 233 / .12),rgb(56 189 248 / .05));border-color:rgb(14 165 233 / .35)}body.light-mode .exp-dot i{color:#0ea5e9}body.light-mode .exp-item:hover .exp-dot{background:linear-gradient(135deg,rgb(14 165 233 / .22),rgb(56 189 248 / .12));border-color:#0ea5e9;box-shadow:0 0 14px rgb(14 165 233 / .3)}body.light-mode .exp-item:hover .exp-dot i{color:#0369a1;filter:none}body.light-mode .exp-body{background:#f8fafc;border-color:rgb(0 0 0 / .06)}body.light-mode .exp-body::before{background:linear-gradient(180deg,#0ea5e9,#38bdf8)}body.light-mode .exp-body::after{background:linear-gradient(90deg,transparent,rgb(14 165 233 / .6),transparent)}body.light-mode .exp-item:hover .exp-body{background:#fff;border-color:rgb(14 165 233 / .22);box-shadow:0 8px 28px rgb(0 0 0 / .1),0 0 14px rgb(14 165 233 / .05)}body.light-mode .exp-company{color:#0f172a}body.light-mode .exp-badge{background:rgb(14 165 233 / .08);border-color:rgb(14 165 233 / .2);color:#0ea5e9}body.light-mode .exp-item:hover .exp-badge{background:rgb(14 165 233 / .14);border-color:rgb(14 165 233 / .35)}body.light-mode .exp-role{color:rgb(15 23 42 / .55)}body.light-mode .exp-role i{color:rgb(14 165 233 / .45)}@media (max-width:768px){#experience.exp-section{padding:26px 20px}.exp-item{grid-template-columns:36px 1fr;column-gap:14px;padding-bottom:20px}.exp-dot{width:36px;height:36px}.exp-dot i{font-size:12px}.exp-track::before{left:17px}.exp-body{padding:14px 16px}.exp-header{flex-direction:column;align-items:flex-start;gap:6px}.exp-company{font-size:.95rem}}@media (max-width:480px){#experience.exp-section{padding:20px 16px;border-radius:18px}.exp-body{border-radius:10px}}.contact-box{display:flex;flex-direction:column;gap:12px}.contact-btn{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--radius-md);background:rgb(255 255 255 / .05);border:1px solid rgb(255 255 255 / .08);color:var(--text);backdrop-filter:blur(10px);transition:var(--transition-base)}.contact-btn:hover{transform:translateY(-4px);box-shadow:0 15px 40px rgb(56 189 248 / .2);border-color:var(--accent);color:var(--accent)}.contact-btn.phone:hover{color:#22c55e;border-color:#22c55e;box-shadow:0 10px 25px rgb(34 197 94 / .3)}.contact-btn.email:hover{color:#ef4444;border-color:#ef4444;box-shadow:0 10px 25px rgb(239 68 68 / .3)}body.light-mode .contact-btn{background:#f1f5f9;border:1px solid rgb(0 0 0 / .05)}.social-btn{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--radius-md);background:rgb(255 255 255 / .05);border:1px solid rgb(255 255 255 / .08);color:var(--text);text-decoration:none;transition:var(--transition-base);position:relative;overflow:hidden}.social-btn::before{content:'';position:absolute;inset:0;border-radius:var(--radius-md);opacity:0;transition:var(--transition-base)}.social-btn.github::before{background:radial-gradient(circle,rgb(255 255 255 / .15),transparent 70%)}.social-btn.instagram::before{background:radial-gradient(circle,rgb(221 42 123 / .25),transparent 70%)}.social-btn:hover{transform:translateY(-4px);background:rgb(56 189 248 / .08);border-color:rgb(56 189 248 / .4)}.social-btn:hover::before{opacity:1}.social-btn.github:hover{background:#0f172a;color:#fff;border-color:#0f172a;box-shadow:0 10px 25px rgb(0 0 0 / .3),0 0 15px rgb(255 255 255 / .2)}.social-btn.instagram:hover{background:linear-gradient(45deg,#f58529,#dd2a7b,#8134af,#515bd4);color:#fff;border:none;box-shadow:0 10px 30px rgb(221 42 123 / .4),0 0 20px rgb(131 52 175 / .4)}.social-btn i{opacity:.8}.social-btn:hover i{opacity:1}body.light-mode .social-btn{background:#f1f5f9;border:1px solid rgb(0 0 0 / .05);color:#0f172a;box-shadow:0 4px 10px rgb(0 0 0 / .06),inset 0 1px 2px rgb(255 255 255 / .8)}body.light-mode .social-btn:hover{transform:translateY(-3px);background:#fff;border-color:rgb(0 0 0 / .08);box-shadow:0 10px 25px rgb(0 0 0 / .12),inset 0 1px 2px rgb(255 255 255)}.menu-toggle{display:none;font-size:22px;cursor:pointer;z-index:5000;position:relative}@media (max-width:768px){.menu-toggle{display:block}}.menu-toggle i{color:#fff}.menu-toggle.active i{transform:rotate(90deg)}body.light-mode .menu-toggle i{color:#0f172a}.theme-btn{width:52px;height:26px;border-radius:20px;border:none;cursor:pointer;background:rgb(255 255 255 / .1);position:relative;transition:var(--transition-base)}.theme-btn:hover{transform:scale(1.08);box-shadow:0 0 15px rgb(56 189 248 / .8),0 0 30px rgb(56 189 248 / .5)}.theme-btn i{position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:12px;color:#fff}.toggle-circle{position:absolute;width:20px;height:20px;background:#fff;border-radius:50%;left:3px;top:3px;transition:var(--transition-base)}body.light-mode .theme-btn{background:linear-gradient(135deg,#0ea5e9,#38bdf8);box-shadow:0 4px 15px rgb(14 165 233 / .4),0 0 20px rgb(56 189 248 / .5)}body.light-mode .toggle-circle{transform:translateX(24px);background:#fff;box-shadow:0 0 10px rgb(255 255 255 / .9),0 0 20px rgb(56 189 248 / .6)}.cursor-glow{position:fixed;width:160px;height:160px;border-radius:50%;pointer-events:none;z-index:9999;background:radial-gradient(circle,rgb(56 189 248 / .5),transparent 80%);filter:blur(30px);transform:translate(-50%,-50%)}.cursor-aura{position:fixed;width:280px;height:280px;border-radius:50%;pointer-events:none;z-index:9998;background:radial-gradient(circle,rgb(56 189 248 / .15),transparent 80%);filter:blur(60px);transform:translate(-50%,-50%)}.cursor-trail{position:fixed;width:12px;height:12px;border-radius:50%;background:#38bdf8;box-shadow:0 0 10px #38bdf8,0 0 20px #38bdf8;pointer-events:none;z-index:9999;transform:translate(-50%,-50%)}.cursor-click{position:fixed;width:20px;height:20px;border-radius:50%;border:2px solid rgb(56 189 248 / .6);pointer-events:none;z-index:9999;animation:ripple 0.6s ease-out forwards}@keyframes ripple{to{transform:scale(6);opacity:0}}.reveal{opacity:0;transition:background-color var(--transition-slow),color var(--transition-slow)}.no-js .reveal{opacity:1}.reveal.active{opacity:1;transition-delay:0.1s}.reveal-left,.reveal-right{opacity:0;transition:var(--transition-slow)}.reveal-left.active,.reveal-right.active{opacity:1}.reveal:nth-child(2){transition-delay:0.2s}.reveal:nth-child(3){transition-delay:0.3s}.reveal:nth-child(4){transition-delay:0.4s}#particles{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}#particles::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgb(56 189 248 / .12),transparent 60%),radial-gradient(circle at 80% 70%,rgb(14 165 233 / .12),transparent 60%);filter:blur(30px);opacity:.5;animation:glowPulseParticles 6s ease-in-out infinite}@keyframes glowPulseParticles{0%,100%{opacity:.4}50%{opacity:.6}}canvas{image-rendering:optimizeSpeed}@media (max-width:768px){#particles{opacity:.6}#particles::after{filter:blur(20px);opacity:.4}}@media (max-width:480px){#particles{opacity:.5}#particles::after{display:none}}.copy-toast{position:fixed;top:22px;left:50%;transform:translateX(-50%) translateY(-16px) scale(.96);z-index:100000;min-width:240px;max-width:min(92vw, 420px);display:flex;align-items:center;justify-content:center;gap:14px;padding:16px 22px;background:rgb(15 23 42 / .88);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgb(239 68 68 / .25);border-radius:14px;box-shadow:0 10px 30px rgb(0 0 0 / .35),0 0 0 1px rgb(239 68 68 / .08),0 0 22px rgb(239 68 68 / .12);color:#f8fafc;font-size:14px;font-weight:500;letter-spacing:.2px;line-height:1.45;text-align:center;font-family:var(--font-base,'Poppins',sans-serif);user-select:none;pointer-events:none;opacity:0;transition:opacity .35s ease,transform .45s cubic-bezier(.22,1,.36,1);overflow:hidden}.copy-toast.show{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}.copy-toast::before{content:'';position:absolute;top:0;left:15%;width:70%;height:2px;background:linear-gradient(90deg,transparent,rgb(239 68 68 / .9),rgb(248 113 113),rgb(239 68 68 / .9),transparent);border-radius:20px;opacity:.85}body.light-mode .copy-toast{background:rgb(255 255 255 / .92);border:1px solid rgb(239 68 68 / .22);color:#0f172a;box-shadow:0 8px 28px rgb(0 0 0 / .12),0 0 0 1px rgb(239 68 68 / .08),0 0 18px rgb(239 68 68 / .1)}@media(max-width:768px){.copy-toast{top:16px;width:calc(100% - 28px);max-width:none;padding:13px 18px;font-size:13px;border-radius:12px}.copy-toast::after{left:12px;font-size:13px}}body.reduce-motion .copy-toast{backdrop-filter:none;-webkit-backdrop-filter:none;transition:opacity .2s ease,transform .2s ease}.lang-switch{display:flex;align-items:center;gap:10px;margin-right:12px}.lang-btn{position:relative;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);border:1px solid rgb(56 189 248 / .18);background:linear-gradient(145deg,rgb(15 23 42 / .88),rgb(30 41 59 / .82));cursor:pointer;overflow:hidden;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:transform var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base);box-shadow:0 0 12px rgb(56 189 248 / .08),inset 0 0 10px rgb(255 255 255 / .02);z-index:5}.lang-btn img{width:22px;height:22px;border-radius:50%;object-fit:cover;position:relative;z-index:2;pointer-events:none;box-shadow:0 0 10px rgb(255 255 255 / .15)}.lang-btn::before{content:'';position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(130deg,#fff0,rgb(56 189 248 / .7),#fff0,rgb(56 189 248 / .7),#fff0);background-size:300% 300%;opacity:0;z-index:1;animation:langGlow 5s linear infinite;transition:opacity var(--transition-base)}.lang-btn:hover{transform:translateY(-2px) scale(1.03);border-color:rgb(56 189 248 / .45);box-shadow:0 0 15px rgb(56 189 248 / .25),0 0 30px rgb(56 189 248 / .12)}.lang-btn:hover::before{opacity:1}.lang-btn.active{border-color:rgb(56 189 248 / .7);box-shadow:0 0 20px rgb(56 189 248 / .35),0 0 40px rgb(56 189 248 / .15)}.lang-btn.active::before{opacity:1}.lang-btn:active{transform:scale(.96)}@keyframes langGlow{0%{background-position:0% 50%}100%{background-position:300% 50%}}body.light-mode .lang-btn{background:linear-gradient(145deg,rgb(255 255 255 / .95),rgb(241 245 249 / .9));border-color:rgb(14 165 233 / .2);box-shadow:0 0 12px rgb(14 165 233 / .08)}@media (max-width:768px){.lang-switch{gap:8px;margin-right:8px}.lang-btn{width:40px;height:40px;border-radius:12px}.lang-btn img{width:20px;height:20px}}@media (max-width:480px){.lang-btn{width:38px;height:38px}.lang-btn img{width:18px;height:18px}}.footer{position:relative;margin-top:100px;padding:50px 20px;text-align:center;font-size:13px;overflow:hidden;backdrop-filter:blur(10px);background:linear-gradient(180deg,rgb(15 23 42 / .9),rgb(15 23 42));border-top:1px solid rgb(56 189 248 / .2)}.footer::before{content:'';position:absolute;top:0;left:0;width:200%;height:2px;background:linear-gradient(90deg,transparent,#38bdf8,#0ea5e9,#38bdf8,transparent);animation:cryptoLine 6s linear infinite}.footer::after{content:'';position:absolute;top:-40px;left:50%;transform:translateX(-50%);width:300px;height:120px;background:radial-gradient(circle,rgb(56 189 248 / .25),transparent 70%);filter:blur(40px);z-index:-1}.footer p{opacity:.7;letter-spacing:.5px;transition:var(--transition-base)}.footer:hover p{opacity:1;color:#38bdf8;text-shadow:0 0 8px rgb(56 189 248 / .6),0 0 20px rgb(56 189 248 / .5)}.footer p:last-child{display:block;margin-top:8px;animation:blinkFade 2s infinite}.footer p.footer-license{display:flex!important;align-items:center;justify-content:center;gap:8px;margin-top:10px;font-size:12px;letter-spacing:.5px;color:var(--text);opacity:.7;text-shadow:none!important;transition:opacity var(--transition-base);cursor:default}.footer:hover p.footer-license{opacity:1;color:var(--text);text-shadow:none!important}.license-text{background:linear-gradient(90deg,var(--text) 0%,#38bdf8 40%,#22d3ee 60%,var(--text) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text;animation:shimmerText 4s linear infinite}body.light-mode .license-text{background:linear-gradient(90deg,#0f172a 0%,#0ea5e9 40%,#38bdf8 60%,#0f172a 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}@keyframes shimmerText{0%{background-position:200% center}100%{background-position:-200% center}}.osi-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;font-size:14px;color:#38bdf8;filter:drop-shadow(0 0 4px rgb(56 189 248 / .6));animation:iconPulseOsi 3s ease-in-out infinite;transition:color var(--transition-base)}body.light-mode .osi-icon{color:#0ea5e9;filter:drop-shadow(0 0 4px rgb(14 165 233 / .6))}.osi-icon::before{content:'';position:absolute;inset:-4px;border-radius:50%;background:radial-gradient(circle,rgb(56 189 248 / .25),transparent 70%);animation:glowRingOsi 3s ease-in-out infinite;pointer-events:none}.osi-icon::after{content:'';position:absolute;width:4px;height:4px;border-radius:50%;background:#22d3ee;box-shadow:0 0 6px #22d3ee;animation:orbitDotOsi 2.5s linear infinite;pointer-events:none}@keyframes iconPulseOsi{0%,100%{filter:drop-shadow(0 0 3px rgb(56 189 248 / .5))}50%{filter:drop-shadow(0 0 8px rgb(56 189 248 / .9)) drop-shadow(0 0 16px rgb(56 189 248 / .4))}}@keyframes glowRingOsi{0%,100%{opacity:.4;transform:scale(1)}50%{opacity:.9;transform:scale(1.4)}}@keyframes orbitDotOsi{0%{transform:rotate(0deg) translateX(12px) rotate(0deg)}100%{transform:rotate(360deg) translateX(12px) rotate(-360deg)}}.footer-built{margin-top:18px;font-size:11px;opacity:.5}body.light-mode .footer{background:linear-gradient(180deg,#ffffff,#f1f5f9);border-top:1px solid rgb(14 165 233 / .3)}body.light-mode .footer::before{background:linear-gradient(90deg,transparent,#0ea5e9,#38bdf8,#0ea5e9,transparent)}body.light-mode .footer::after{background:radial-gradient(circle,rgb(14 165 233 / .15),transparent 70%)}body.light-mode .footer p{color:#0f172a;opacity:.85}body.light-mode .footer:hover p{color:#0ea5e9;text-shadow:none}body.light-mode .footer p.footer-license{color:#0f172a;text-shadow:none!important}body.light-mode .footer:hover p.footer-license{color:#0f172a;text-shadow:none!important}@keyframes cryptoLine{0%{transform:translateX(-50%)}100%{transform:translateX(0)}}.update-toast{position:fixed;bottom:28px;right:24px;z-index:99999;isolation:isolate;display:flex;align-items:center;gap:14px;min-width:300px;max-width:400px;padding:14px 16px;background:rgb(15 23 42 / .9);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgb(56 189 248 / .25);border-radius:16px;box-shadow:0 8px 32px rgb(0 0 0 / .45),0 0 0 1px rgb(56 189 248 / .08),inset 0 1px 0 rgb(255 255 255 / .05);transform:translateY(calc(100% + 40px));opacity:0;transition:transform 0.45s cubic-bezier(.22,1,.36,1),opacity 0.35s ease;user-select:none}.update-toast--visible{transform:translateY(0);opacity:1}.update-toast::before{content:'';position:absolute;bottom:0;left:15%;width:70%;height:2px;background:linear-gradient(90deg,transparent,rgb(56 189 248 / .9),rgb(14 165 233),rgb(56 189 248 / .9),transparent);border-radius:0 0 16px 16px;opacity:.7}.update-toast--manifest{border-color:rgb(245 158 11 / .35);box-shadow:0 8px 32px rgb(0 0 0 / .45),0 0 0 1px rgb(245 158 11 / .1),inset 0 1px 0 rgb(255 255 255 / .05)}.update-toast--manifest::before{background:linear-gradient(90deg,transparent,rgb(245 158 11 / .9),rgb(251 191 36),rgb(245 158 11 / .9),transparent)}.update-toast__icon{flex-shrink:0;width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,rgb(56 189 248 / .2),rgb(14 165 233 / .1));border:1px solid rgb(56 189 248 / .3);display:flex;align-items:center;justify-content:center;color:#38bdf8;font-size:16px;box-shadow:0 0 12px rgb(56 189 248 / .2);animation:toastIconSpin 2.5s ease-in-out infinite}.update-toast--manifest .update-toast__icon{background:linear-gradient(135deg,rgb(245 158 11 / .2),rgb(251 191 36 / .1));border-color:rgb(245 158 11 / .4);color:#f59e0b;box-shadow:0 0 12px rgb(245 158 11 / .2);animation:none}@keyframes toastIconSpin{0%,80%,100%{transform:rotate(0deg)}40%{transform:rotate(360deg)}}.update-toast__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.update-toast__title{font-size:13px;font-weight:700;color:#f8fafc;letter-spacing:.2px;line-height:1.3}.update-toast__desc{font-size:11.5px;color:rgb(226 232 240 / .6);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.update-toast__actions{display:flex;align-items:center;gap:6px;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.update-toast__btn{border:none;cursor:pointer;font-family:var(--font-base,'Poppins',sans-serif);font-weight:600;border-radius:8px;transition:transform 0.2s ease,box-shadow 0.2s ease,background 0.2s ease,opacity 0.2s ease}.update-toast__btn--reinstall{padding:7px 12px;font-size:11.5px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;display:flex;align-items:center;gap:5px;box-shadow:0 0 10px rgb(245 158 11 / .4),0 4px 12px rgb(217 119 6 / .3);white-space:nowrap}.update-toast__btn--reinstall:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 0 18px rgb(245 158 11 / .6),0 6px 18px rgb(217 119 6 / .4)}.update-toast__btn--update{padding:7px 12px;font-size:11.5px;background:linear-gradient(135deg,#38bdf8,#0ea5e9);color:#fff;box-shadow:0 0 10px rgb(56 189 248 / .4),0 4px 12px rgb(14 165 233 / .3);white-space:nowrap}.update-toast--manifest .update-toast__btn--update{background:rgb(255 255 255 / .08);color:rgb(226 232 240 / .7);box-shadow:none;font-size:11px}.update-toast--manifest .update-toast__btn--update:hover{background:rgb(255 255 255 / .14);color:#f8fafc;transform:none;box-shadow:none}.update-toast__btn--update:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 0 18px rgb(56 189 248 / .6),0 6px 18px rgb(14 165 233 / .4)}.update-toast__btn--update:disabled,.update-toast__btn--reinstall:disabled{opacity:.55;cursor:not-allowed;transform:none}.update-toast__btn--dismiss{width:28px;height:28px;border-radius:7px;background:rgb(255 255 255 / .06);border:1px solid rgb(255 255 255 / .08);color:rgb(226 232 240 / .5);font-size:12px;display:flex;align-items:center;justify-content:center;padding:0}.update-toast__btn--dismiss:hover{background:rgb(255 255 255 / .12);color:#f8fafc;transform:scale(1.1)}.reinstall-modal{position:fixed;inset:0;z-index:999999;display:flex;align-items:flex-end;justify-content:center;padding:0 16px 24px;opacity:0;pointer-events:none;transition:opacity 0.35s ease}.reinstall-modal--visible{opacity:1;pointer-events:auto}.reinstall-modal__backdrop{position:absolute;inset:0;background:rgb(0 0 0 / .65);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.reinstall-modal__box{position:relative;z-index:1;width:100%;max-width:420px;background:rgb(15 23 42 / .96);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgb(245 158 11 / .3);border-radius:24px 24px 20px 20px;padding:28px 24px 24px;box-shadow:0 -8px 40px rgb(0 0 0 / .5),0 0 0 1px rgb(245 158 11 / .08),inset 0 1px 0 rgb(255 255 255 / .06);transform:translateY(60px);transition:transform 0.45s cubic-bezier(.22,1,.36,1)}.reinstall-modal--visible .reinstall-modal__box{transform:translateY(0)}.reinstall-modal__box::before{content:'';position:absolute;top:0;left:15%;width:70%;height:2px;background:linear-gradient(90deg,transparent,rgb(245 158 11 / .9),rgb(251 191 36),rgb(245 158 11 / .9),transparent);border-radius:24px 24px 0 0}.reinstall-modal__header{text-align:center;margin-bottom:24px}.reinstall-modal__icon{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,rgb(245 158 11 / .2),rgb(251 191 36 / .1));border:1px solid rgb(245 158 11 / .4);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;color:#f59e0b;font-size:24px;box-shadow:0 0 20px rgb(245 158 11 / .2)}.reinstall-modal__title{font-size:17px;font-weight:700;color:#f8fafc;margin-bottom:6px}.reinstall-modal__subtitle{font-size:12.5px;color:rgb(226 232 240 / .55);line-height:1.5}.reinstall-modal__steps{list-style:none;display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.reinstall-modal__step{display:flex;align-items:flex-start;gap:14px}.reinstall-modal__step-num{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px rgb(245 158 11 / .3);margin-top:1px}.reinstall-modal__step-body{display:flex;flex-direction:column;gap:3px}.reinstall-modal__step-body strong{font-size:13px;font-weight:600;color:#f8fafc}.reinstall-modal__step-body span{font-size:12px;color:rgb(226 232 240 / .55);line-height:1.5}.reinstall-modal__note{font-size:11px;color:rgb(226 232 240 / .35);text-align:center;margin-bottom:20px}.reinstall-modal__actions{display:flex;flex-direction:column;gap:10px}.reinstall-modal__btn{width:100%;border:none;cursor:pointer;font-family:var(--font-base,'Poppins',sans-serif);font-weight:600;border-radius:12px;transition:transform 0.2s ease,box-shadow 0.2s ease,opacity 0.2s ease}.reinstall-modal__btn--install{padding:14px;font-size:14px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 0 15px rgb(245 158 11 / .4),0 6px 20px rgb(217 119 6 / .3)}.reinstall-modal__btn--install:hover{transform:translateY(-2px);box-shadow:0 0 24px rgb(245 158 11 / .6),0 8px 24px rgb(217 119 6 / .4)}.reinstall-modal__btn--install:disabled{opacity:.55;cursor:not-allowed;transform:none}.reinstall-modal__btn--later{padding:12px;font-size:13px;background:rgb(255 255 255 / .05);border:1px solid rgb(255 255 255 / .08);color:rgb(226 232 240 / .5)}.reinstall-modal__btn--later:hover{background:rgb(255 255 255 / .1);color:#f8fafc}body.light-mode .update-toast{background:rgb(255 255 255 / .94);border-color:rgb(14 165 233 / .25);box-shadow:0 8px 32px rgb(0 0 0 / .12)}body.light-mode .update-toast--manifest{border-color:rgb(245 158 11 / .3)}body.light-mode .update-toast__title{color:#0f172a}body.light-mode .update-toast__desc{color:rgb(15 23 42 / .5)}body.light-mode .update-toast__btn--dismiss{background:rgb(0 0 0 / .04);border-color:rgb(0 0 0 / .08);color:rgb(15 23 42 / .4)}body.light-mode .update-toast__btn--dismiss:hover{background:rgb(0 0 0 / .08);color:#0f172a}body.light-mode .reinstall-modal__box{background:rgb(255 255 255 / .97);border-color:rgb(245 158 11 / .25);box-shadow:0 -8px 40px rgb(0 0 0 / .15)}body.light-mode .reinstall-modal__title{color:#0f172a}body.light-mode .reinstall-modal__subtitle{color:rgb(15 23 42 / .5)}body.light-mode .reinstall-modal__step-body strong{color:#0f172a}body.light-mode .reinstall-modal__step-body span{color:rgb(15 23 42 / .5)}body.light-mode .reinstall-modal__note{color:rgb(15 23 42 / .3)}body.light-mode .reinstall-modal__btn--later{background:rgb(0 0 0 / .03);border-color:rgb(0 0 0 / .08);color:rgb(15 23 42 / .45)}body.light-mode .reinstall-modal__btn--later:hover{background:rgb(0 0 0 / .07);color:#0f172a}body.light-mode .update-toast--manifest .update-toast__btn--update{background:rgb(0 0 0 / .05);color:rgb(15 23 42 / .5)}@media (max-width:768px){.update-toast{left:12px;right:12px;bottom:16px;min-width:unset;max-width:unset;padding:14px;gap:12px;flex-direction:column;align-items:stretch;border-radius:18px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.update-toast__top-row{display:flex;align-items:center;gap:10px}.update-toast__icon{width:34px;height:34px;font-size:14px;flex-shrink:0}.update-toast__body{flex:1;gap:4px}.update-toast__title{font-size:13px;line-height:1.35}.update-toast__desc{display:block;font-size:11px;line-height:1.5;white-space:normal;overflow:visible;text-overflow:unset;max-width:100%;color:rgb(226 232 240 / .72)}.update-toast__actions{display:flex;flex-direction:column;align-items:stretch;width:100%;gap:7px;margin-top:2px}.update-toast__btn--reinstall,.update-toast__btn--update{width:100%;justify-content:center;padding:10px 12px;font-size:12px}.update-toast__btn--dismiss{position:absolute;top:12px;right:12px;width:26px;height:26px;font-size:11px}.reinstall-modal{padding:0 12px 16px;align-items:flex-end}.reinstall-modal__box{padding:22px 18px 20px}.reinstall-modal__title{font-size:15px}.reinstall-modal__subtitle{font-size:12px}}@media (max-width:480px){body.light-mode .update-toast__desc{color:rgb(15 23 42 / .68)}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important}.hero-photo,.glow-text::after,.navbar::before,.hero-img::before{animation:none;will-change:auto}}