@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#0a0a0a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);overflow-x:hidden}#root{width:100%;min-height:100vh}a{font-weight:500;color:#0fa;text-decoration:none;transition:all .3s ease}a:hover{color:#07c6ff;text-shadow:0 0 10px rgba(0,255,170,.3)}h1,h2,h3,h4,h5,h6{color:#fffffff2;font-weight:600;line-height:1.2}p{color:#ffffffb3;line-height:1.6}button{border-radius:8px;border:1px solid rgba(255,255,255,.2);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#ffffff0d;color:#ffffffe6;cursor:pointer;transition:all .3s ease}button:hover{border-color:#fff6;background-color:#ffffff1a;transform:translateY(-2px)}button:focus,button:focus-visible{outline:none!important;outline-offset:0}*:focus,*:focus-visible{outline:none!important;box-shadow:none!important}input:focus,textarea:focus,select:focus,button:focus{outline:none!important;border-color:inherit}::selection{background:transparent}::-moz-selection{background:transparent}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-enter{opacity:0;transform:translateY(20px)}.fade-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s ease-out,transform .3s ease-out}.fade-exit{opacity:1;transform:translateY(0)}.fade-exit-active{opacity:0;transform:translateY(-20px);transition:opacity .3s ease-in,transform .3s ease-in}@media (max-width: 768px){:root{font-size:14px}}@media (max-width: 480px){:root{font-size:13px}}.pill-nav-container{position:fixed;top:1.5rem;left:50%;transform:translate(-50%);z-index:1001}@media (max-width: 768px){.pill-nav-container{width:calc(100% - 2rem);left:50%;transform:translate(-50%)}}.pill-nav{--nav-h: 48px;--logo: 40px;--pill-pad-x: 20px;--pill-gap: 4px;width:max-content;display:flex;align-items:center;box-sizing:border-box;gap:.75rem}@media (max-width: 768px){.pill-nav{width:100%;justify-content:space-between;padding:0;background:transparent}}.pill-nav-items{position:relative;display:flex;align-items:center;height:var(--nav-h);background:var(--base, #060010);border-radius:9999px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d,0 4px 16px #0003,inset 0 1px #ffffff1a}.pill-logo{width:var(--nav-h);height:var(--nav-h);border-radius:50%;background:var(--base, #060010);padding:6px;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d,0 4px 16px #0003,inset 0 1px #ffffff1a;transition:all .3s ease}.pill-logo:hover{transform:scale(1.05);box-shadow:0 12px 40px #0006,0 6px 20px #0000004d,inset 0 1px #fff3}.pill-logo img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.pill-list{list-style:none;display:flex;align-items:stretch;gap:12px;margin:0;padding:4px;height:100%}.pill-list>li{display:flex;height:100%}.pill{display:inline-flex;align-items:center;justify-content:center;height:100%;padding:0 var(--pill-pad-x);background:var(--pill-bg, #ffffff);color:var(--pill-text, #060010);text-decoration:none;border-radius:9999px;box-sizing:border-box;font-weight:600;font-size:14px;line-height:0;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pill:hover{background:#ffffffe6;border-color:#fff3}.pill .hover-circle{position:absolute;left:50%;bottom:0;border-radius:50%;background:var(--base, #060010);z-index:1;display:block;pointer-events:none;will-change:transform}.pill .label-stack{position:relative;display:inline-block;line-height:1;z-index:2}.pill .pill-label{position:relative;z-index:2;display:inline-block;line-height:1;will-change:transform}.pill .pill-label-hover{position:absolute;left:0;top:0;color:var(--hover-text, #ffffff);z-index:3;display:inline-block;will-change:transform,opacity}.pill.is-active:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:6px;height:6px;background:var(--base, #060010);border-radius:50%;z-index:4;box-shadow:0 2px 8px #0000004d}.desktop-only{display:block}.mobile-only{display:none}@media (max-width: 768px){.desktop-only{display:none}.mobile-only{display:block}}.mobile-menu-button{width:var(--nav-h);height:var(--nav-h);border-radius:50%;background:var(--base, #060010);border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px #0000004d,0 4px 16px #0003,inset 0 1px #ffffff1a;display:none;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;padding:0;position:relative;transition:all .3s ease}.mobile-menu-button:hover{transform:scale(1.05)}@media (max-width: 768px){.mobile-menu-button{display:flex}}.hamburger-line{width:18px;height:2px;background:var(--pill-bg, #ffffff);border-radius:1px;transition:all .01s ease;transform-origin:center}.mobile-menu-popover{position:absolute;top:calc(100% + 1rem);left:0;right:0;background:var(--base, #060010);border-radius:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0006,0 4px 16px #0000004d,inset 0 1px #ffffff1a;z-index:998;opacity:0;transform-origin:top center;visibility:hidden}.mobile-menu-list{list-style:none;margin:0;padding:6px;display:flex;flex-direction:column;gap:3px}.mobile-menu-popover .mobile-menu-link{display:block;padding:14px 18px;color:var(--pill-text, #060010);background-color:var(--pill-bg, #ffffff);text-decoration:none;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-radius:18px;transition:all .3s ease;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-menu-popover .mobile-menu-link:hover,.mobile-menu-popover .mobile-menu-link.is-active{background-color:#ffffffe6;color:var(--base, #060010);border-color:#fff3;transform:translateY(-1px)}@media (max-width: 480px){.pill-nav-container{top:1rem}.pill-nav{--nav-h: 44px;--pill-pad-x: 16px}.pill{font-size:12px}.mobile-menu-popover .mobile-menu-link{padding:12px 16px;font-size:13px}}.language-switcher{position:relative;display:flex;align-items:center;background:linear-gradient(145deg,#0f172acc,#1e293bcc);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid transparent;background-clip:padding-box;border-radius:60px;padding:6px;width:140px;height:64px;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a,0 0 0 1px #ffffff1a;transition:all .3s ease}.language-switcher:hover{box-shadow:0 12px 40px #0006,inset 0 1px #ffffff26,0 0 0 1px #8b5cf64d;transform:translateY(-1px)}.language-options{display:flex;width:100%;position:relative;z-index:2}.lang-button{display:flex;align-items:center;justify-content:center;gap:8px;width:64px;height:52px;border:none;background:transparent;border-radius:50px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:#fff9;font-size:14px;font-weight:600;position:relative;z-index:3;text-shadow:0 1px 2px rgba(0,0,0,.3)}.lang-button:hover{color:#ffffffe6;transform:scale(1.02)}.lang-button.active{color:#fff;text-shadow:0 0 8px rgba(255,255,255,.3)}.flag{font-size:18px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));transition:transform .3s ease}.lang-button:hover .flag{transform:scale(1.1)}.lang-text{font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.language-indicator{position:absolute;top:6px;left:6px;width:64px;height:52px;background:linear-gradient(145deg,#8b5cf6cc,#3b82f6cc,#10b981cc);border:1px solid rgba(255,255,255,.2);border-radius:50px;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #8b5cf64d,inset 0 1px #ffffff4d,inset 0 -1px #0003;transition:all .4s cubic-bezier(.4,0,.2,1)}.language-indicator:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(0,0,0,.1) 100%);border-radius:50px;pointer-events:none}@media (max-width: 768px){.language-switcher{width:120px;height:56px;padding:5px}.lang-button{width:55px;height:46px;gap:6px}.language-indicator{width:55px;height:46px;top:5px;left:5px}.flag{font-size:16px}.lang-text{font-size:10px;letter-spacing:.8px}}.page-loader{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e 60%,#0f3460);display:flex;align-items:center;justify-content:center;z-index:9999;overflow:hidden;transition:opacity .8s ease,transform .8s ease}.page-loader.fade-out{opacity:0;transform:scale(1.05)}.page-loader:before{content:"";position:absolute;top:-100%;left:-100%;width:300%;height:300%;background:radial-gradient(circle at 20% 30%,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(59,130,246,.12) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(16,185,129,.08) 0%,transparent 70%),linear-gradient(90deg,transparent 1px,rgba(255,255,255,.02) 1px),linear-gradient(180deg,transparent 1px,rgba(255,255,255,.02) 1px);background-size:100% 100%,100% 100%,100% 100%,80px 80px,80px 80px;animation:backgroundFlow 25s linear infinite}@keyframes backgroundFlow{0%{transform:translate(0) rotate(0)}to{transform:translate(80px,80px) rotate(360deg)}}.loader-container{display:flex;flex-direction:column;align-items:center;gap:3rem;position:relative;z-index:1;animation:containerFloat 6s ease-in-out infinite}@keyframes containerFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.loader-logo{position:relative;width:140px;height:140px;display:flex;align-items:center;justify-content:center}.logo-particles{position:absolute;width:100%;height:100%}.particle{position:absolute;width:4px;height:4px;background:linear-gradient(45deg,#8b5cf6,#06b6d4);border-radius:50%;opacity:0;animation:particleFloat 4s ease-in-out infinite}.particle-0{top:10%;left:50%;animation-delay:0s}.particle-1{top:20%;right:20%;animation-delay:.5s}.particle-2{right:10%;top:50%;animation-delay:1s}.particle-3{bottom:20%;right:20%;animation-delay:1.5s}.particle-4{bottom:10%;left:50%;animation-delay:2s}.particle-5{bottom:20%;left:20%;animation-delay:2.5s}.particle-6{left:10%;top:50%;animation-delay:3s}.particle-7{top:20%;left:20%;animation-delay:3.5s}@keyframes particleFloat{0%,to{opacity:0;transform:translateY(0) scale(.5)}50%{opacity:1;transform:translateY(-20px) scale(1)}}.logo-ring{position:absolute;border-radius:50%;border-style:solid}.outer-ring{width:100%;height:100%;border:2px solid rgba(139,92,246,.3);border-top:2px solid #8b5cf6;animation:ringRotate 3s linear infinite}.middle-ring{width:80%;height:80%;border:2px solid rgba(59,130,246,.3);border-right:2px solid #3b82f6;animation:ringRotate 2s linear infinite reverse}.inner-ring{width:60%;height:60%;border:1px solid rgba(16,185,129,.3);border-bottom:1px solid #10b981;animation:ringRotate 4s linear infinite}@keyframes ringRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.logo-core{width:100px;height:100px;display:flex;align-items:center;justify-content:center;position:relative}.logo-inner{width:80px;height:80px;background:linear-gradient(135deg,#8b5cf633,#3b82f626);border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(139,92,246,.3);box-shadow:0 0 20px #8b5cf666,0 0 40px #8b5cf633,inset 0 0 20px #ffffff1a;position:relative;overflow:hidden}.logo-text{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#8b5cf6,#06b6d4,#10b981);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:logoGradient 3s ease infinite;position:relative;z-index:2}@keyframes logoGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.logo-glow{position:absolute;top:50%;left:50%;width:120%;height:120%;background:radial-gradient(circle,rgba(139,92,246,.3) 0%,transparent 70%);transform:translate(-50%,-50%);animation:logoGlowPulse 2s ease-in-out infinite}@keyframes logoGlowPulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}.loader-progress{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:320px}.progress-container{width:100%;display:flex;flex-direction:column;gap:1rem}.progress-bar{width:100%;height:6px;background:linear-gradient(90deg,#ffffff1a,#ffffff0d);border-radius:8px;overflow:hidden;position:relative;box-shadow:inset 0 2px 4px #0000004d}.progress-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#3b82f6,#10b981,#06b6d4);background-size:300% 100%;border-radius:8px;transition:width .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;animation:progressGradient 2s ease infinite}@keyframes progressGradient{0%{background-position:0% 50%}to{background-position:100% 50%}}.progress-shimmer{position:absolute;top:0;right:0;width:60px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:shimmerMove 1.5s ease-in-out infinite}@keyframes shimmerMove{0%{transform:translate(-100%)}to{transform:translate(200%)}}.progress-glow{position:absolute;inset:-2px;background:linear-gradient(90deg,#8b5cf6,#3b82f6,#10b981);border-radius:10px;opacity:0;animation:progressGlow 2s ease-in-out infinite;z-index:-1}@keyframes progressGlow{0%,to{opacity:0}50%{opacity:.3}}.progress-indicators{display:flex;justify-content:space-between;width:100%;padding:0 4px}.progress-dot{width:8px;height:8px;border-radius:50%;background:#ffffff4d;transition:all .4s ease;position:relative}.progress-dot.active{background:linear-gradient(135deg,#8b5cf6,#3b82f6);box-shadow:0 0 12px #8b5cf699;transform:scale(1.2)}.progress-dot.active:after{content:"";position:absolute;inset:-4px;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.4) 0%,transparent 70%);animation:dotPulse 1.5s ease-in-out infinite}@keyframes dotPulse{0%,to{transform:scale(.8);opacity:.6}50%{transform:scale(1.2);opacity:1}}.progress-text{text-align:center}.percentage{font-size:1.1rem;font-weight:600;background:linear-gradient(135deg,#8b5cf6,#06b6d4);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:percentageGradient 2s ease infinite;font-family:Courier New,monospace}@keyframes percentageGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.loader-text{display:flex;align-items:center;justify-content:center;min-height:60px}.loading-stage{position:relative;text-align:center}.stage-text{font-size:1.2rem;font-weight:500;color:#ffffffe6;text-shadow:0 2px 4px rgba(0,0,0,.5);animation:textFadeIn .6s ease;position:relative;z-index:2}.text-glow{position:absolute;top:50%;left:50%;width:150%;height:150%;background:radial-gradient(circle,rgba(139,92,246,.2) 0%,transparent 60%);transform:translate(-50%,-50%);animation:textGlowPulse 3s ease-in-out infinite;z-index:1}@keyframes textGlowPulse{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(.8)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.2)}}.loader-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:.7}.bg-gradient-1{position:absolute;top:10%;left:10%;width:30%;height:30%;background:radial-gradient(circle,rgba(139,92,246,.3) 0%,transparent 70%);border-radius:50%;animation:bgFloat1 8s ease-in-out infinite}.bg-gradient-2{position:absolute;top:60%;right:15%;width:25%;height:25%;background:radial-gradient(circle,rgba(59,130,246,.25) 0%,transparent 70%);border-radius:50%;animation:bgFloat2 10s ease-in-out infinite}.bg-gradient-3{position:absolute;bottom:20%;left:20%;width:20%;height:20%;background:radial-gradient(circle,rgba(16,185,129,.2) 0%,transparent 70%);border-radius:50%;animation:bgFloat3 12s ease-in-out infinite}@keyframes bgFloat1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(20px,-15px) scale(1.1)}66%{transform:translate(-15px,10px) scale(.9)}}@keyframes bgFloat2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-25px,-20px) scale(1.2)}}@keyframes bgFloat3{0%,to{transform:translate(0) scale(1)}25%{transform:translate(15px,-10px) scale(1.1)}75%{transform:translate(-10px,15px) scale(.8)}}.page-content{opacity:1;animation:fadeInContent 1.2s cubic-bezier(.4,0,.2,1)}@keyframes fadeInContent{0%{opacity:0;transform:translateY(30px) scale(.95);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.fade-in{opacity:1;animation:fadeIn .8s ease-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.loader-container{gap:2rem;padding:0 1rem}.loader-logo{width:100px;height:100px}.logo-core{width:70px;height:70px}.logo-inner{width:60px;height:60px}.logo-text{font-size:1.5rem}.loader-progress{width:260px}.progress-bar{height:5px}.stage-text,.percentage{font-size:1rem}.particle{width:3px;height:3px}}@media (max-width: 480px){.loader-container{gap:1.5rem}.loader-logo{width:80px;height:80px}.logo-core{width:60px;height:60px}.logo-inner{width:50px;height:50px}.logo-text{font-size:1.2rem}.loader-progress{width:220px}.progress-bar{height:4px}.stage-text,.percentage{font-size:.9rem}.progress-dot{width:6px;height:6px}.particle{width:2px;height:2px}.bg-gradient-1,.bg-gradient-2,.bg-gradient-3{display:none}}@media (max-width: 320px){.loader-progress{width:180px}.stage-text{font-size:.8rem}}.grid-background{position:fixed;top:-50%;left:-50%;width:200%;height:200%;overflow:hidden;transition:transform .3s ease-out;pointer-events:none;z-index:0;background:linear-gradient(to right,rgba(255,255,255,.15) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.15) 1px,transparent 1px);background-size:80px 80px;animation:moveGrid 25s linear infinite}.gradient-overlay-1{position:absolute;top:20%;left:20%;width:40%;height:40%;background:radial-gradient(circle,rgba(139,92,246,.08) 0%,transparent 70%);border-radius:50%;animation:floatGradient1 12s ease-in-out infinite}.gradient-overlay-2{position:absolute;top:60%;right:25%;width:35%;height:35%;background:radial-gradient(circle,rgba(59,130,246,.06) 0%,transparent 70%);border-radius:50%;animation:floatGradient2 15s ease-in-out infinite}.gradient-overlay-3{position:absolute;bottom:30%;left:15%;width:30%;height:30%;background:radial-gradient(circle,rgba(16,185,129,.05) 0%,transparent 70%);border-radius:50%;animation:floatGradient3 18s ease-in-out infinite}.central-glow{position:absolute;top:50%;left:50%;width:60vmin;height:60vmin;background:radial-gradient(circle,rgba(59,130,246,.04) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);animation:centralGlow 8s ease-in-out infinite}@keyframes moveGrid{0%{background-position:0 0,0 0}to{background-position:80px 80px,80px 80px}}@keyframes floatGradient1{0%,to{transform:translate(0) scale(1);opacity:1}33%{transform:translate(20px,-15px) scale(1.1);opacity:.8}66%{transform:translate(-15px,10px) scale(.9);opacity:1.2}}@keyframes floatGradient2{0%,to{transform:translate(0) scale(1);opacity:1}50%{transform:translate(-25px,-20px) scale(1.15);opacity:.9}}@keyframes floatGradient3{0%,to{transform:translate(0) scale(1);opacity:1}25%{transform:translate(15px,-10px) scale(1.05);opacity:1.1}75%{transform:translate(-10px,15px) scale(.95);opacity:.9}}@keyframes centralGlow{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.1)}}@media (max-width: 768px){.grid-background{background-size:60px 60px}@keyframes moveGrid{0%{background-position:0 0,0 0}to{background-position:60px 60px,60px 60px}}.central-glow{width:80vmin;height:80vmin}}@media (max-width: 480px){.grid-background{background-size:40px 40px}@keyframes moveGrid{0%{background-position:0 0,0 0}to{background-position:40px 40px,40px 40px}}.gradient-overlay-1,.gradient-overlay-2,.gradient-overlay-3{display:none}}:root{--pointer-x: 50%;--pointer-y: 50%;--pointer-from-center: 0;--pointer-from-top: .5;--pointer-from-left: .5;--card-opacity: 0;--rotate-x: 0deg;--rotate-y: 0deg;--background-x: 50%;--background-y: 50%;--grain: none;--icon: none;--behind-gradient: none;--inner-gradient: none;--sunpillar-1: hsl(2, 100%, 73%);--sunpillar-2: hsl(53, 100%, 69%);--sunpillar-3: hsl(93, 100%, 69%);--sunpillar-4: hsl(176, 100%, 76%);--sunpillar-5: hsl(228, 100%, 74%);--sunpillar-6: hsl(283, 100%, 73%);--sunpillar-clr-1: var(--sunpillar-1);--sunpillar-clr-2: var(--sunpillar-2);--sunpillar-clr-3: var(--sunpillar-3);--sunpillar-clr-4: var(--sunpillar-4);--sunpillar-clr-5: var(--sunpillar-5);--sunpillar-clr-6: var(--sunpillar-6);--card-radius: 30px}.pc-card-wrapper{perspective:500px;transform:translateZ(.1px);position:relative;touch-action:none}.pc-card-wrapper:before{content:"";position:absolute;inset:-10px;background:inherit;background-position:inherit;border-radius:inherit;transition:all .5s ease;filter:contrast(2) saturate(2) blur(36px);transform:scale(.8) translateZ(.1px);background-size:100% 100%;background-image:var(--behind-gradient)}.pc-card-wrapper:hover,.pc-card-wrapper.active{--card-opacity: .6}.pc-card-wrapper:hover:before,.pc-card-wrapper.active:before{filter:contrast(.8) saturate(1.2) blur(40px) opacity(.7);transform:scale(.9) translateZ(.1px)}.pc-card{height:80svh;max-height:540px;display:grid;aspect-ratio:.718;border-radius:var(--card-radius);position:relative;background-blend-mode:color-dodge,normal,normal,normal;animation:glow-bg 12s linear infinite;box-shadow:#000c calc((var(--pointer-from-left) * 10px) - 3px) calc((var(--pointer-from-top) * 20px) - 6px) 20px -5px;transition:transform 1s ease;transform:translateZ(.1px) rotateX(0) rotateY(0);background-size:100% 100%;background-position:0 0,0 0,50% 50%,0 0;background-image:radial-gradient(farthest-side circle at var(--pointer-x) var(--pointer-y),hsla(266,80%,85%,var(--card-opacity)) 4%,hsla(266,40%,75%,calc(var(--card-opacity) * .6)) 10%,hsla(266,20%,65%,calc(var(--card-opacity) * .3)) 50%,hsla(266,0%,60%,0) 100%),radial-gradient(35% 52% at 55% 20%,#00ffaa80,#073aff00),radial-gradient(100% 100% at 50% 50%,#00c1ff80 1%,#073aff00 76%),conic-gradient(from 124deg at 50% 50%,#c137ff80,#07c6ff80 40% 60%,#c137ff80);overflow:hidden}.pc-card:hover,.pc-card.active{transition:none;transform:translateZ(.1px) rotateX(var(--rotate-y)) rotateY(var(--rotate-x))}.pc-card *{display:grid;grid-area:1/-1;border-radius:var(--card-radius);transform:translateZ(.1px);pointer-events:none}.pc-inside{inset:1px;position:absolute;background-image:var(--inner-gradient);background-color:#000000e6;transform:translateZ(.01px)}.pc-shine{-webkit-mask-image:var(--icon);mask-image:var(--icon);mask-mode:luminance;-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-size:150%;mask-size:150%;-webkit-mask-position:top calc(200% - (var(--background-y) * 5)) left calc(100% - var(--background-x));mask-position:top calc(200% - (var(--background-y) * 5)) left calc(100% - var(--background-x));transition:filter .6s ease;filter:brightness(.55) contrast(1.1) saturate(.25) opacity(.3);animation:holo-bg 18s linear infinite;mix-blend-mode:color-dodge}.pc-shine,.pc-shine:after{--space: 5%;--angle: -45deg;transform:translateZ(1px);overflow:hidden;z-index:3;background:transparent;background-size:cover;background-position:center;background-image:repeating-linear-gradient(0deg,var(--sunpillar-clr-1) calc(var(--space) * 1),var(--sunpillar-clr-2) calc(var(--space) * 2),var(--sunpillar-clr-3) calc(var(--space) * 3),var(--sunpillar-clr-4) calc(var(--space) * 4),var(--sunpillar-clr-5) calc(var(--space) * 5),var(--sunpillar-clr-6) calc(var(--space) * 6),var(--sunpillar-clr-1) calc(var(--space) * 7)),repeating-linear-gradient(var(--angle),#0e152e 0%,hsl(180,10%,60%) 3.8%,hsl(180,29%,66%) 4.5%,hsl(180,10%,60%) 5.2%,#0e152e 10%,#0e152e 12%),radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(0,0%,0%,.1) 12%,hsla(0,0%,0%,.15) 20%,hsla(0,0%,0%,.25) 120%);background-position:0 var(--background-y),var(--background-x) var(--background-y),center;background-blend-mode:color,hard-light;background-size:500% 500%,300% 300%,200% 200%;background-repeat:repeat}.pc-shine:before,.pc-shine:after{content:"";background-position:center;background-size:cover;grid-area:1/1;opacity:0}.pc-card:hover .pc-shine,.pc-card.active .pc-shine{filter:brightness(.65) contrast(1.2) saturate(.3);animation:none}.pc-card:hover .pc-shine:before,.pc-card.active .pc-shine:before,.pc-card:hover .pc-shine:after,.pc-card.active .pc-shine:after{opacity:.6}.pc-shine:before{background-image:linear-gradient(45deg,var(--sunpillar-4),var(--sunpillar-5),var(--sunpillar-6),var(--sunpillar-1),var(--sunpillar-2),var(--sunpillar-3)),radial-gradient(circle at var(--pointer-x) var(--pointer-y),hsl(0,0%,70%) 0%,hsla(0,0%,30%,.2) 90%),var(--grain);background-size:250% 250%,100% 100%,220px 220px;background-position:var(--pointer-x) var(--pointer-y),center,calc(var(--pointer-x) * .01) calc(var(--pointer-y) * .01);background-blend-mode:color-dodge;filter:brightness(calc(2 - var(--pointer-from-center))) contrast(calc(var(--pointer-from-center) + 2)) saturate(calc(.5 + var(--pointer-from-center)));mix-blend-mode:luminosity}.pc-shine:after{background-position:0 var(--background-y),calc(var(--background-x) * .4) calc(var(--background-y) * .5),center;background-size:200% 300%,700% 700%,100% 100%;mix-blend-mode:difference;filter:brightness(.8) contrast(1.5)}.pc-glare{transform:translateZ(1.1px);overflow:hidden;background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsl(248,15%,70%) 12%,hsla(207,25%,40%,.5) 90%);mix-blend-mode:overlay;filter:brightness(.6) contrast(1) opacity(.7);z-index:4}.pc-avatar-content{mix-blend-mode:screen;overflow:hidden}.pc-avatar-content .avatar{width:100%;position:absolute;left:50%;transform:translate(-50%) scale(1);bottom:2px;opacity:calc(1.75 - var(--pointer-from-center))}.pc-avatar-content:before{content:"";position:absolute;inset:0;z-index:1;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);mask:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 60%,rgba(0,0,0,1) 90%,rgba(0,0,0,1) 100%);pointer-events:none}.pc-user-info{position:absolute;bottom:20px;left:20px;right:20px;z-index:2;display:flex;align-items:center;justify-content:space-between;background:#ffffff1a;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:12px 14px;pointer-events:auto}.pc-user-details{display:flex;align-items:center;gap:12px}.pc-mini-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;border:1px solid rgba(255,255,255,.1);flex-shrink:0}.pc-mini-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.pc-user-text{display:flex;align-items:flex-start;flex-direction:column;gap:6px}.pc-handle{font-size:14px;font-weight:500;color:#ffffffe6;line-height:1}.pc-status{font-size:14px;color:#ffffffb3;line-height:1}.pc-contact-btn{border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;color:#ffffffe6;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:transparent}.pc-contact-btn:hover{border-color:#fff6;transform:translateY(-1px);transition:all .2s ease}.pc-content{max-height:100%;overflow:hidden;text-align:center;position:relative;transform:translate3d(calc(var(--pointer-from-left) * -6px + 3px),calc(var(--pointer-from-top) * -6px + 3px),.1px)!important;z-index:5;mix-blend-mode:luminosity}.pc-details{width:100%;position:absolute;top:3em;display:flex;flex-direction:column}.pc-details h3{font-weight:600;font-size:min(5svh,3em);margin:0;background-image:linear-gradient(to bottom,#fff,#6f6fbe);background-size:1em 1.5em;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text}.pc-details p{font-weight:600;position:relative;top:-12px;white-space:nowrap;font-size:16px;margin:0 auto;width:min-content;background-image:linear-gradient(to bottom,#fff,#4a4ac0);background-size:1em 1.5em;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text}@keyframes glow-bg{0%{--bgrotate: 0deg}to{--bgrotate: 360deg}}@keyframes holo-bg{0%{background-position:0 var(--background-y),0 0,center}to{background-position:0 var(--background-y),90% 90%,center}}@media (max-width: 768px){.pc-card{height:70svh;max-height:450px}.pc-details{top:2em}.pc-details h3{font-size:min(4svh,2.5em)}.pc-details p{font-size:14px}.pc-user-info{bottom:15px;left:15px;right:15px;padding:10px 12px}.pc-mini-avatar{width:28px;height:28px}.pc-user-details{gap:10px}.pc-handle{font-size:13px}.pc-status{font-size:10px}.pc-contact-btn{padding:6px 12px;font-size:11px}}@media (max-width: 480px){.pc-card{height:60svh;max-height:380px}.pc-details{top:1.5em}.pc-details h3{font-size:min(3.5svh,2em)}.pc-details p{font-size:12px;top:-8px}.pc-user-info{bottom:12px;left:12px;right:12px;padding:8px 10px;border-radius:50px}.pc-mini-avatar{width:24px;height:24px}.pc-user-details{gap:8px}.pc-handle{font-size:12px}.pc-status{font-size:9px}.pc-contact-btn{padding:5px 10px;font-size:10px;border-radius:50px}}@media (max-width: 320px){.pc-card{height:55svh;max-height:320px}.pc-details h3{font-size:min(3svh,1.5em)}.pc-details p{font-size:11px}.pc-user-info{padding:6px 8px;border-radius:50px}.pc-mini-avatar{width:20px;height:20px}.pc-user-details{gap:6px}.pc-handle{font-size:11px}.pc-status{font-size:8px}.pc-contact-btn{padding:4px 8px;font-size:9px;border-radius:50px}}.card-spotlight{position:relative;border-radius:1.5rem;border:1px solid #222;background-color:#111;padding:2rem;overflow:hidden;--mouse-x: 50%;--mouse-y: 50%;--spotlight-color: rgba(255, 255, 255, .05);transition:all .3s ease}.card-spotlight:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),var(--spotlight-color),transparent 80%);opacity:0;transition:opacity .5s ease;pointer-events:none}.card-spotlight:hover:before,.card-spotlight:focus-within:before{opacity:.6}.card-spotlight:hover{border-color:#333;transform:translateY(-2px);box-shadow:0 10px 40px #0000004d}.weather-widget{position:fixed;bottom:2rem;right:2rem;z-index:1000;min-width:280px}.weather-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden}.weather-content{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.clock-section{display:flex;flex-direction:column;gap:.75rem}.location{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#fffc}.location-icon{font-size:1rem}.location-name{font-weight:500;transition:opacity .3s ease}.time-display{display:flex;flex-direction:column;gap:.25rem}.current-time{font-size:2rem;font-weight:700;color:#0cf;font-family:Courier New,monospace;letter-spacing:.05em}.current-date{font-size:.875rem;color:#ffffffb3;font-weight:400}.weather-section{border-top:1px solid rgba(255,255,255,.1);padding-top:1.5rem}.weather-loading{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#ffffffb3;font-size:.875rem}.loading-spinner{font-size:1.5rem;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.weather-main{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1rem;text-align:center}.weather-icon{font-size:2.5rem;line-height:1}.weather-temp{font-size:2rem;font-weight:700;color:#fff}.weather-description{font-size:1rem;color:#ffffffe6;font-weight:500;text-transform:capitalize;margin-top:.25rem;transition:opacity .3s ease}.weather-details{display:flex;flex-direction:column;gap:1rem}.weather-stats{display:flex;gap:1.5rem}.weather-stat{display:flex;flex-direction:column;align-items:center;gap:.25rem;flex:1}.stat-icon{font-size:1.25rem}.stat-value{font-size:.875rem;font-weight:600;color:#fff}.stat-label{font-size:.75rem;color:#fff9;text-transform:uppercase;letter-spacing:.05em}.weather-error{text-align:center;color:#fff9;font-size:.875rem;padding:1rem 0}@media (max-width: 768px){.weather-widget{position:relative;bottom:auto;right:auto;margin:1rem auto;max-width:320px}.weather-content{padding:1.25rem}.current-time,.weather-temp{font-size:1.75rem}.weather-icon{font-size:2rem}}@media (max-width: 480px){.weather-widget{min-width:auto;width:calc(100% - 2rem);margin:1rem}.weather-stats{gap:1rem}}.lt-highlight-wrapper{position:relative;display:inline;z-index:9999}.lt-highlight{background:linear-gradient(135deg,#0fa,#0cf);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:600;cursor:pointer;animation:gradientShift 3s ease infinite;transition:all .3s ease;padding:0 2px;border-radius:3px}.lt-highlight-no-tooltip{background:linear-gradient(135deg,#0fa,#0cf);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:600;cursor:default;animation:gradientShift 3s ease infinite;transition:all .3s ease;padding:0 2px;border-radius:3px}.lt-highlight:hover{text-shadow:0 0 10px rgba(0,255,170,.5);transform:scale(1.05)}.lt-tooltip{position:absolute;padding:12px 16px;background:#000000f2;border:1px solid rgba(0,255,170,.3);border-radius:8px;color:#ffffffe6;font-size:.875rem;line-height:1.4;max-width:300px;min-width:200px;z-index:999999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #00000080;transition:opacity .3s ease,visibility .3s ease;font-weight:400;text-align:center;pointer-events:none}.lt-tooltip.visible{opacity:1!important;visibility:visible!important;display:block}.lt-tooltip.hidden{opacity:0;visibility:hidden;display:block}.lt-tooltip-content{position:relative;z-index:1001}.lt-tooltip-arrow{position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid rgba(0,255,170,.3)}.lt-tooltip-arrow:before{content:"";position:absolute;top:-7px;left:-5px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid rgba(0,0,0,.95)}@media (max-width: 768px){.lt-tooltip{max-width:250px;min-width:180px;font-size:.8rem;padding:10px 12px}}@media (max-width: 480px){.lt-tooltip{max-width:200px;min-width:150px;font-size:.75rem;padding:8px 10px}}.home-page{min-height:100vh;position:relative;overflow:hidden;padding-top:5rem}.home-container{max-width:1400px;margin:0 auto;padding:2rem;position:relative;z-index:2}.home-content{display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;align-items:center;min-height:calc(100vh - 7rem)}.profile-section{display:flex;justify-content:center;align-items:center}.main-profile-card{max-width:400px;width:100%}.intro-section{display:flex;flex-direction:column;justify-content:center}.intro-content{max-width:600px}.intro-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;margin-bottom:2rem;opacity:0;animation:slideInRight 1s ease-out .2s forwards}.subtitle{color:#fffc;font-size:clamp(1.2rem,2.5vw,1.8rem);font-weight:400;transition:opacity .3s ease}.skills-overview{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;opacity:0;animation:slideInRight 1s ease-out .4s forwards}.skill-tag{background:#00ffaa1a;border:1px solid rgba(0,255,170,.3);color:#0fa;padding:.75rem 1.5rem;border-radius:2rem;font-size:.9rem;font-weight:500;transition:all .3s ease;position:relative;overflow:hidden}.skill-tag:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease}.skill-tag:hover:before{left:100%}.skill-tag:hover{background:#0fa3;border-color:#00ffaa80;transform:translateY(-2px);box-shadow:0 10px 25px #0fa3}.intro-description{font-size:1.1rem;line-height:1.8;color:#ffffffb3;margin-bottom:3rem;opacity:0;animation:slideInRight 1s ease-out .6s forwards;transition:opacity .3s ease}.cta-buttons{display:flex;gap:1.5rem;opacity:0;animation:slideInRight 1s ease-out .8s forwards}.cta-primary,.cta-secondary{padding:1rem 2rem;border-radius:.75rem;font-size:1rem;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.cta-primary{background:linear-gradient(135deg,#0fa,#07c6ff);color:#000}.cta-primary:hover{transform:translateY(-3px);box-shadow:0 15px 35px #0fa6}.cta-secondary{background:transparent;color:#ffffffe6;border:2px solid rgba(255,255,255,.2)}.cta-secondary:hover{background:#ffffff0d;border-color:#fff6;transform:translateY(-3px);box-shadow:0 15px 35px #ffffff1a}.background-effects{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.floating-element{position:absolute;background:linear-gradient(135deg,#00ffaa1a,#07c6ff1a);border-radius:50%;filter:blur(1px)}.floating-1{width:300px;height:300px;top:10%;right:10%;animation:float1 6s ease-in-out infinite}.floating-2{width:200px;height:200px;bottom:20%;left:5%;animation:float2 8s ease-in-out infinite}.floating-3{width:150px;height:150px;top:60%;right:30%;animation:float3 7s ease-in-out infinite}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes float1{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-30px) rotate(180deg)}}@keyframes float2{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(-180deg)}}@keyframes float3{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-25px) rotate(90deg)}}@media (max-width: 1024px){.home-content{grid-template-columns:1fr;gap:3rem;text-align:center}.profile-section{order:2}.intro-section{order:1}}@media (max-width: 768px){.home-container{padding:1rem}.home-content{gap:2rem}.skills-overview{justify-content:center}.cta-buttons{flex-direction:column;align-items:center;gap:1rem}.cta-primary,.cta-secondary{width:100%;max-width:300px}.floating-element{display:none}}@media (max-width: 480px){.home-page{padding-top:8rem}.intro-title{margin-bottom:1.5rem}.intro-description{margin-bottom:2rem}.skill-tag{font-size:.8rem;padding:.5rem 1rem}}.skills-page{min-height:100vh;padding-top:6rem;padding-bottom:4rem}.skills-container{max-width:1400px;margin:0 auto;padding:0 2rem}.skills-header{text-align:center;margin-bottom:4rem}.skills-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;margin-bottom:1rem;opacity:0;animation:slideInUp 1s ease-out .2s forwards}.skills-subtitle{font-size:1.2rem;color:#ffffffb3;opacity:0;animation:slideInUp 1s ease-out .4s forwards}.skills-section{margin-bottom:5rem}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-bottom:3rem}.skill-card{height:auto;min-height:300px;transition:transform .3s ease}.skill-card:hover{transform:scale(1.02)}.skill-content{height:100%;display:flex;flex-direction:column}.skill-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.skill-icon{font-size:2.5rem;filter:drop-shadow(0 0 10px rgba(255,255,255,.3))}.skill-title{font-size:1.5rem;font-weight:700;color:#ffffffe6;margin:0;transition:opacity .3s ease}.skill-description{font-size:1rem;color:#ffffffb3;margin-bottom:1.5rem;line-height:1.6;transition:opacity .3s ease}.skill-details{flex:1;display:flex;flex-direction:column;gap:.75rem}.skill-detail{display:flex;align-items:center;gap:.75rem;font-size:.9rem;color:#fffc;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.1);transition:all .3s ease}.skill-detail:hover{color:#fffffff2;background:#ffffff0d;padding-left:.5rem;border-radius:.25rem}.detail-bullet{color:#0fa;font-weight:700;font-size:1.1rem}.soft-skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.soft-skill-card{height:auto;min-height:180px;text-align:center;transition:transform .3s ease}.soft-skill-card:hover{transform:translateY(-5px)}.soft-skill-content{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.soft-skill-icon{font-size:3rem;margin-bottom:1rem;filter:drop-shadow(0 0 15px rgba(255,255,255,.3))}.soft-skill-title{font-size:1.25rem;font-weight:600;color:#ffffffe6;margin-bottom:.75rem;transition:opacity .3s ease}.soft-skill-description{font-size:.9rem;color:#ffffffb3;line-height:1.5;text-align:center;transition:opacity .3s ease}.experience-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.experience-card{height:auto;min-height:200px;text-align:center;transition:transform .3s ease}.experience-card:hover{transform:translateY(-8px)}.experience-content{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.experience-title{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#0fa,#07c6ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.experience-subtitle{font-size:1.1rem;font-weight:600;color:#ffffffe6;margin-bottom:1rem}.experience-description{font-size:.95rem;color:#ffffffb3;line-height:1.6;text-align:center}@media (max-width: 768px){.skills-container{padding:0 1rem}.skills-grid{grid-template-columns:1fr}.soft-skills-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.experience-grid{grid-template-columns:1fr}.skill-header{flex-direction:column;text-align:center;gap:.5rem}.skill-icon{font-size:2rem}.skill-title{font-size:1.25rem}}@media (max-width: 480px){.skills-page{padding-top:8rem}.skills-header,.skills-section{margin-bottom:3rem}.section-title{font-size:1.5rem}.soft-skills-grid{grid-template-columns:1fr}.skill-detail{font-size:.85rem}}.tech-stack-page{min-height:100vh;padding-top:6rem;padding-bottom:4rem}.tech-container{max-width:1400px;margin:0 auto;padding:0 2rem}.tech-header{text-align:center;margin-bottom:4rem}.tech-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;margin-bottom:1rem;opacity:0;animation:slideInUp 1s ease-out .2s forwards}.gradient-text{background:linear-gradient(135deg,#0fa,#07c6ff,#c137ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%;animation:gradientShift 3s ease-in-out infinite}.tech-subtitle{font-size:1.2rem;color:#ffffffb3;opacity:0;animation:slideInUp 1s ease-out .4s forwards}.tech-section{margin-bottom:5rem}.section-title{font-size:2rem;font-weight:700;color:#ffffffe6;margin-bottom:2rem;text-align:center;position:relative;transition:opacity .4s ease}.section-title:after{content:"";position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,#0fa,#07c6ff);border-radius:2px}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.tech-card{height:auto;min-height:280px;transition:transform .3s ease}.tech-card:hover{transform:scale(1.02)}.tech-content{height:100%;display:flex;flex-direction:column}.tech-header{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.tech-header-top{display:flex;align-items:flex-start;gap:1rem}.tech-header-bottom{display:flex;justify-content:flex-end;margin-right:1rem}.tech-icon{font-size:2.5rem;filter:drop-shadow(0 0 10px rgba(255,255,255,.3));flex-shrink:0}.tech-info{flex:1;min-width:0}.tech-name{font-size:1.4rem;font-weight:700;color:#fffffff2;margin:0 0 .25rem}.tech-category{font-size:.85rem;color:#fff9;text-transform:uppercase;letter-spacing:.05em}.tech-level{padding:.25rem .75rem;border-radius:1rem;font-size:.8rem;font-weight:600;color:#000;flex-shrink:0;text-transform:uppercase;letter-spacing:.05em}.text-animate{animation:textFadeIn .6s ease-out}.text-animate-slow{animation:textSlideIn .8s ease-out}.text-animate-fast{animation:textZoomIn .4s ease-out}.tech-description{font-size:.95rem;color:#ffffffb3;line-height:1.6;margin-bottom:1rem;flex:1;transition:opacity .3s ease}.tech-experience{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.experience-label{font-size:.85rem;color:#fff9;font-weight:500}.experience-value{font-size:.85rem;color:#0fa;font-weight:600}.tech-projects{display:flex;flex-direction:column;gap:.5rem}.projects-label{font-size:.85rem;color:#fff9;font-weight:500}.projects-list{display:flex;flex-wrap:wrap;gap:.5rem}.project-tag{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fffc;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500;transition:all .3s ease}.project-tag:hover{background:#ffffff26;border-color:#fff6;color:#fffffff2}.frameworks-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.framework-card{height:auto;min-height:200px;transition:transform .3s ease}.framework-card:hover{transform:translateY(-5px)}.framework-content{height:100%;display:flex;flex-direction:column}.framework-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.framework-icon{font-size:2rem;filter:drop-shadow(0 0 10px rgba(255,255,255,.3));flex-shrink:0}.framework-info{flex:1;min-width:0}.framework-name{font-size:1.25rem;font-weight:600;color:#fffffff2;margin:0 0 .25rem}.framework-category{font-size:.8rem;color:#fff9;text-transform:uppercase;letter-spacing:.05em}.framework-level{padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;color:#000;text-transform:uppercase;letter-spacing:.05em;margin:.5rem auto;width:fit-content;text-align:center}.framework-description{font-size:.9rem;color:#ffffffb3;line-height:1.6;flex:1;margin:.5rem;text-align:center;transition:opacity .3s ease}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.tool-card{height:auto;min-height:180px;transition:transform .3s ease}.tool-card:hover{transform:translateY(-3px)}.tool-content{height:100%;display:flex;flex-direction:column}.tool-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.tool-icon{font-size:2rem;filter:drop-shadow(0 0 10px rgba(255,255,255,.3));flex-shrink:0}.tool-info{flex:1;min-width:0}.tool-name{font-size:1.2rem;font-weight:600;color:#fffffff2;margin:0 0 .25rem}.tool-category{font-size:.8rem;color:#fff9;text-transform:uppercase;letter-spacing:.05em}.tool-level{padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;color:#000;text-transform:uppercase;letter-spacing:.05em;margin:.5rem auto .75rem;width:fit-content;text-align:center}.tool-description{font-size:.9rem;color:#ffffffb3;line-height:1.6;flex:1;text-align:center;transition:opacity .3s ease}.focus-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.focus-card{height:auto;min-height:220px;text-align:center;transition:transform .3s ease}.focus-card:hover{transform:translateY(-8px)}.focus-content{height:100%;display:flex;flex-direction:column;align-items:center;text-align:center}.focus-icon{font-size:3rem;margin-bottom:1rem;filter:drop-shadow(0 0 15px rgba(255,255,255,.3))}.focus-title{font-size:1.3rem;font-weight:600;color:#fffffff2;margin-bottom:1rem;transition:opacity .3s ease}.focus-description{font-size:.95rem;color:#ffffffb3;line-height:1.6;flex:1;transition:opacity .3s ease}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@media (max-width: 768px){.tech-container{padding:0 1rem}.tech-grid,.frameworks-grid,.tools-grid,.focus-grid{grid-template-columns:1fr}.tech-header,.framework-header,.tool-header{flex-direction:column;text-align:center;gap:.75rem;align-items:center}.tech-info,.framework-info,.tool-info{text-align:center;align-items:center}.framework-level,.tool-level{align-self:center}}@media (max-width: 480px){.tech-stack-page{padding-top:8rem}.tech-header,.tech-section{margin-bottom:3rem}.section-title{font-size:1.5rem}.tech-icon,.framework-icon,.tool-icon{font-size:2rem}.focus-icon{font-size:2.5rem}}.projects-page{min-height:100vh;width:100%;padding:120px 2rem 2rem}.projects-container{max-width:1400px;margin:0 auto;width:100%}.projects-header{text-align:center;margin-bottom:4rem}.projects-title{font-size:clamp(2.5rem,8vw,4rem);font-weight:700;margin:0 0 1rem;line-height:1.2}.projects-subtitle{font-size:clamp(1rem,4vw,1.25rem);color:#ffffffb3;margin:0;font-weight:400;transition:opacity .3s ease}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-bottom:3rem}.project-card{transition:transform .3s ease}.project-card:hover{transform:translateY(-6px)}.project-content{padding:2rem;color:#ffffffe6;height:100%;display:flex;flex-direction:column}.project-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.project-icon{font-size:2.5rem;display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:#ffffff1a;border-radius:12px;flex-shrink:0}.project-info{flex:1;display:flex;flex-direction:column;gap:.5rem}.project-title{font-size:1.5rem;font-weight:600;margin:0;color:#fffffff2;line-height:1.3;transition:opacity .3s ease}.project-status{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;color:#000;width:fit-content;text-transform:uppercase;letter-spacing:.5px}.project-description{font-size:1rem;line-height:1.6;margin:0 0 1.5rem;color:#fffc;transition:opacity .3s ease}.project-technologies{margin-bottom:1.5rem}.tech-label,.details-label{font-size:.9rem;font-weight:600;color:#ffffffe6;display:block;margin-bottom:.75rem}.tech-list{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{padding:.5rem 1rem;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(255,255,255,.2);border-radius:20px;font-size:.8rem;font-weight:500;color:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project-details{flex:1}.details-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.detail-item{display:flex;align-items:flex-start;gap:.75rem;font-size:.9rem;color:#fffc;line-height:1.5}.detail-bullet{color:#fff9;font-weight:700;margin-top:.1rem;flex-shrink:0}.projects-footer{margin-top:3rem}.footer-card{width:100%;transition:transform .3s ease}.footer-card:hover{transform:translateY(-4px)}.footer-content{padding:2.5rem;text-align:center;color:#ffffffe6}.footer-title{font-size:1.75rem;font-weight:600;margin:0 0 1rem;color:#fffffff2;transition:opacity .3s ease}.footer-text{font-size:1.1rem;line-height:1.7;margin:0 0 2rem;color:#fffc;max-width:600px;margin-left:auto;margin-right:auto;transition:opacity .3s ease}.footer-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.footer-btn{padding:1rem 2rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.footer-btn.primary{background:linear-gradient(135deg,#ff6b6b,#4ecdc4);color:#fff;box-shadow:0 4px 15px #ff6b6b4d}.footer-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff6b6b66}.footer-btn.secondary{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(255,255,255,.2);color:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.footer-btn.secondary:hover{background:linear-gradient(135deg,#fff3,#ffffff1a);border-color:#fff6;transform:translateY(-2px)}@media (max-width: 768px){.projects-page{padding:100px 1rem 1rem}.projects-header{margin-bottom:3rem}.projects-grid{grid-template-columns:1fr;gap:1.5rem}.project-content{padding:1.5rem}.project-header{flex-direction:row;align-items:flex-start}.project-icon{width:50px;height:50px;font-size:2rem}.project-title{font-size:1.25rem}.footer-content{padding:2rem}.footer-buttons{flex-direction:column;align-items:center}.footer-btn{width:100%;max-width:300px}}@media (max-width: 480px){.projects-page{padding:90px .75rem .75rem}.projects-grid{grid-template-columns:1fr;gap:1rem}.project-content{padding:1.25rem}.project-header{gap:.75rem}.project-icon{width:45px;height:45px;font-size:1.75rem}.project-title{font-size:1.1rem}.footer-content{padding:1.5rem}}.about-page{min-height:100vh;width:100%;padding:120px 2rem 2rem}.about-container{max-width:1200px;margin:0 auto;width:100%}.about-header{text-align:center;margin-bottom:4rem}.about-title{font-size:clamp(2.5rem,8vw,4rem);font-weight:700;margin:0 0 1rem;line-height:1.2}.gradient-text{background:linear-gradient(135deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#feca57);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-shift 8s ease infinite}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes textFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes textSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes textZoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.text-animate{animation:textFadeIn .6s ease-out forwards}.text-animate-slow{animation:textSlideIn .8s ease-out forwards}.text-animate-fast{animation:textZoomIn .4s ease-out forwards}.about-subtitle{font-size:clamp(1rem,4vw,1.25rem);color:#ffffffb3;margin:0;font-weight:400;transition:opacity .3s ease}.about-content{display:flex;flex-direction:column;gap:2rem}.about-intro{margin-bottom:2rem}.intro-card,.detail-card,.location-card,.contact-card{width:100%;transition:transform .3s ease}.intro-card:hover,.detail-card:hover,.location-card:hover,.contact-card:hover{transform:translateY(-4px)}.intro-content,.detail-content,.location-content,.contact-content{padding:2rem;color:#ffffffe6}.intro-title,.detail-title,.location-title,.contact-title{font-size:1.5rem;font-weight:600;margin:0 0 1rem;color:#fffffff2;transition:opacity .3s ease}.intro-text,.detail-text,.location-text,.contact-text{font-size:1rem;line-height:1.7;margin:0;color:#fffc;transition:opacity .3s ease}.about-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:2rem}.detail-section{height:280px}.detail-card{height:100%}.detail-content{height:100%;display:flex;flex-direction:column;justify-content:flex-start}.about-location,.about-contact{width:100%}.contact-links{display:flex;gap:1rem;margin-top:1.5rem;flex-wrap:wrap}.contact-link{padding:.75rem 1.5rem;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#ffffffe6;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-decoration:none;display:inline-block}.contact-link:hover{background:linear-gradient(135deg,#fff3,#ffffff1a);border-color:#fff6;transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}@media (max-width: 768px){.about-page{padding:100px 1rem 1rem}.about-header{margin-bottom:3rem}.about-details{grid-template-columns:1fr;gap:1.5rem}.intro-content,.detail-content,.location-content,.contact-content{padding:1.5rem}.intro-title,.detail-title,.location-title,.contact-title{font-size:1.25rem}.contact-links{flex-direction:column;gap:.75rem}.contact-link{width:100%;text-align:center}}@media (max-width: 480px){.about-page{padding:90px .75rem .75rem}.about-details{grid-template-columns:1fr;gap:1rem}.intro-content,.detail-content,.location-content,.contact-content{padding:1.25rem}}.app{min-height:100vh;width:100%;overflow-x:hidden;position:relative;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e 60%,#0f3460)}.language-switcher-container{position:fixed;top:2rem;right:2rem;z-index:1001}.main-content{width:100%;min-height:100vh;padding-bottom:100px;position:relative;z-index:1}@media (max-width: 768px){.language-switcher-container{top:1rem;right:1rem}.main-content{padding-bottom:80px}}