:root{--primary-dark:#0a0a14;--secondary-dark:#12121f;--accent-glow:rgba(0, 212, 255, 0.6);--icon-size:60px;--globe-size:450;--globe-radius:190px}*{margin:0;padding:0;box-sizing:border-box}body{color:#e0e0e0;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow-x:hidden}.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;position:relative}.hero-content{text-align:center;z-index:10;width:100%;max-width:900px}.hero-title{font-size:3.5rem;font-weight:700;margin-bottom:10px;background:linear-gradient(135deg,var(--accent-color),var(--accent-color-hover));-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text;animation:fadeInDown 0.8s ease-out}.hero-subtitle{font-size:1.3rem;color:#a0a0a0;margin-bottom:40px;animation:fadeInUp 0.8s ease-out 0.2s both}.globe-wrapper{perspective:1000px;perspective-origin:50% 50%;width:100%;height:500px;display:flex;align-items:center;justify-content:center;margin:40px 0;animation:fadeInScale 1s ease-out 0.4s both}.globe-container{width:var(--globe-size);height:var(--globe-size);position:relative;transform-style:preserve-3d;cursor:grab;filter:drop-shadow(0 0 60px rgb(0 212 255 / .15))}.globe-container:active{cursor:grabbing}.globe-container.auto-rotating{cursor:pointer}.globe-inner{width:100%;height:100%;position:absolute;top:0;left:0;transform-style:preserve-3d}.globe-connection{position:absolute;left:50%;top:50%;height:1.5px;transform-origin:0 50%;background:linear-gradient(90deg,rgb(0 212 255 / .5) 0%,rgb(100 220 255 / .3) 50%,rgb(0 212 255 / .5) 100%);border-radius:1px;pointer-events:none;transform-style:preserve-3d;will-change:transform,opacity}.globe-ring{position:absolute;left:50%;top:50%;border:1px solid rgb(0 212 255 / .15);border-radius:50%;transform-style:preserve-3d;pointer-events:none}.icon-item{position:absolute;width:var(--icon-size);height:var(--icon-size);left:50%;top:50%;margin-left:calc(var(--icon-size) / -2);margin-top:calc(var(--icon-size) / -2);transform-style:preserve-3d;display:flex;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgb(40 40 60 / .95),rgb(15 15 30 / .98));border:2px solid rgb(255 255 255 / .15);font-size:22px;font-weight:600;cursor:pointer;user-select:none;backface-visibility:visible;will-change:transform,opacity;transition:box-shadow 0.2s ease-out,border-color 0.2s ease-out;box-shadow:0 4px 20px rgb(0 0 0 / .5),0 0 15px rgb(0 212 255 / .15),inset 0 2px 4px rgb(255 255 255 / .1),inset 0 -2px 4px rgb(0 0 0 / .3)}.icon-item:hover{border-color:rgb(255 255 255 / .5);box-shadow:0 8px 35px rgb(0 0 0 / .6),0 0 30px var(--icon-glow,rgb(0 212 255 / .5)),inset 0 2px 4px rgb(255 255 255 / .2);z-index:9999!important}.icon-item i{transition:transform 0.2s ease-out,filter 0.2s ease-out}.icon-item:hover i{transform:scale(1.2);filter:drop-shadow(0 0 8px currentColor)}.icon-item[data-icon="github"]{color:#fff;--icon-glow:rgba(255, 255, 255, 0.5)}.icon-item[data-icon="react"]{color:#61dafb;--icon-glow:rgba(97, 218, 251, 0.6)}.icon-item[data-icon="javascript"]{color:#f7df1e;--icon-glow:rgba(247, 223, 30, 0.6)}.icon-item[data-icon="python"]{color:#3776ab;--icon-glow:rgba(55, 118, 171, 0.6)}.icon-item[data-icon="nodejs"]{color:#68a063;--icon-glow:rgba(104, 160, 99, 0.6)}.icon-item[data-icon="docker"]{color:#2496ed;--icon-glow:rgba(36, 150, 237, 0.6)}.icon-item[data-icon="html5"]{color:#e34f26;--icon-glow:rgba(227, 79, 38, 0.6)}.icon-item[data-icon="css3"]{color:#1572b6;--icon-glow:rgba(21, 114, 182, 0.6)}.icon-item[data-icon="mongodb"]{color:#47a248;--icon-glow:rgba(71, 162, 72, 0.6)}.icon-item[data-icon="mysql"]{color:#4479a1;--icon-glow:rgba(68, 121, 161, 0.6)}.icon-item[data-icon="postgresql"]{color:#336791;--icon-glow:rgba(51, 103, 145, 0.6)}.icon-item[data-icon="instagram"]{color:#e4405f;--icon-glow:rgba(228, 64, 95, 0.6)}.icon-item[data-icon="facebook"]{color:#1877f2;--icon-glow:rgba(24, 119, 242, 0.6)}.icon-item[data-icon="youtube"]{color:red;--icon-glow:rgba(255, 0, 0, 0.6)}.icon-item[data-icon="twitter"]{color:#1da1f2;--icon-glow:rgba(29, 161, 242, 0.6)}.icon-item[data-icon="linkedin"]{color:#0a66c2;--icon-glow:rgba(10, 102, 194, 0.6)}.icon-item[data-icon="aws"]{color:#f90;--icon-glow:rgba(255, 153, 0, 0.6)}.icon-item[data-icon="angular"]{color:#dd0031;--icon-glow:rgba(221, 0, 49, 0.6)}.icon-item[data-icon="vue"]{color:#4fc08d;--icon-glow:rgba(79, 192, 141, 0.6)}.icon-item[data-icon="typescript"]{color:#3178c6;--icon-glow:rgba(49, 120, 198, 0.6)}.icon-item[data-icon="git"]{color:#f05032;--icon-glow:rgba(240, 80, 50, 0.6)}.icon-item[data-icon="php"]{color:#777bb4;--icon-glow:rgba(119, 123, 180, 0.6)}.icon-item[data-icon="laravel"]{color:#ff2d20;--icon-glow:rgba(255, 45, 32, 0.6)}.icon-item[data-icon="sass"]{color:#c69;--icon-glow:rgba(204, 102, 153, 0.6)}.icon-item[data-icon="bootstrap"]{color:#7952b3;--icon-glow:rgba(121, 82, 179, 0.6)}.icon-item[data-icon="figma"]{color:#f24e1e;--icon-glow:rgba(242, 78, 30, 0.6)}.icon-item[data-icon="wordpress"]{color:#21759b;--icon-glow:rgba(33, 117, 155, 0.6)}.icon-item[data-icon="slack"]{color:#4a154b;--icon-glow:rgba(74, 21, 75, 0.6)}.icon-item[data-icon="redis"]{color:#dc382d;--icon-glow:rgba(220, 56, 45, 0.6)}.icon-item[data-icon="java"]{color:#007396;--icon-glow:rgba(0, 115, 150, 0.6)}@keyframes fadeInDown{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width:1024px){:root{--globe-size:340px;--globe-radius:170px;--icon-size:42px}.hero-title{font-size:2.8rem}.hero-subtitle{font-size:1.1rem}.globe-wrapper{height:450px}}@media (max-width:768px){:root{--globe-size:300px;--globe-radius:150px;--icon-size:38px}.hero-section{min-height:auto;padding:60px 20px}.hero-title{font-size:2.2rem}.hero-subtitle{font-size:1rem;margin-bottom:30px}.globe-wrapper{height:400px;margin:30px 0}.icon-item{font-size:18px}}@media (max-width:576px){:root{--globe-size:260px;--globe-radius:130px;--icon-size:32px}.hero-title{font-size:1.8rem}.hero-subtitle{font-size:.95rem}.globe-wrapper{height:350px;margin:20px 0;perspective:800px}.icon-item{font-size:16px;border-radius:10px}}.globe-info{text-align:center;margin-top:40px;font-size:.9rem;color:#707080;animation:fadeInUp 0.8s ease-out 0.6s both}.globe-info p{margin:0;display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.info-badge{padding:6px 12px;background:rgb(0 212 255 / .1);border-radius:20px;border:1px solid rgb(0 212 255 / .3);font-size:.85rem}