.skills-section{flex-direction:column;align-items:center;width:100%;display:flex}.expertise-header{text-align:center;z-index:10;margin-bottom:20px}.expertise-subtitle{color:#00d9ff;letter-spacing:3px;text-transform:uppercase;margin-bottom:16px;font-size:14px;font-weight:600;display:block}.expertise-title{color:#fff;margin:0 0 16px;font-size:48px;font-weight:800}.expertise-description{color:#b8b8d1;margin:0;font-size:16px}.main-container{background:#0a0a14;flex-direction:column;align-items:center;min-height:100vh;padding:60px 20px;display:flex;position:relative;overflow:hidden}.decorative-circle{pointer-events:none;border-radius:50%;position:absolute}.circle-1{background:linear-gradient(135deg,#00d9ff,#7c3aed);width:20px;height:20px;animation:6s ease-in-out infinite float1;top:40px;left:15%}.circle-2{background:0 0;border:3px solid #00d9ff;width:35px;height:35px;animation:8s ease-in-out infinite float2;top:100px;left:8%}.circle-3{background:#7c3aed;width:12px;height:12px;animation:5s ease-in-out infinite float3;top:60px;left:12%}@keyframes float1{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(180deg)}}@keyframes float2{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-15px)scale(1.1)}}@keyframes float3{0%,to{transform:translateY(0)}50%{transform:translateY(-25px)}}.skills-sphere-container{perspective:1000px;justify-content:center;align-items:center;width:100%;height:550px;display:flex;position:relative;overflow:visible}.sphere-wrapper{width:500px;height:500px;transform-style:preserve-3d;position:relative}.skill-icon-wrapper{transform-style:preserve-3d;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;font:inherit;background:0 0;border:none;outline:none;flex-direction:column;align-items:center;gap:8px;margin:0;padding:0;transition:transform .1s ease-out;display:flex;position:absolute;top:50%;left:50%;pointer-events:auto!important}.skill-icon-wrapper:hover{z-index:1000!important}.skill-icon-wrapper:hover .skill-icon-circle{box-shadow:0 0 30px #ffffff4d;transform:scale(1.3)!important}.skill-icon-wrapper:hover .skill-name-tag{opacity:1;transform:translateY(0)}.skill-icon-wrapper:focus{outline:none}.skill-icon-wrapper:focus .skill-icon-circle{box-shadow:0 0 30px #ffffff4d;transform:scale(1.3)!important}.skill-icon-wrapper:focus .skill-name-tag{opacity:1;transform:translateY(0)}.skill-icon-wrapper:active .skill-icon-circle{transform:scale(1.1)!important}.skill-icon-circle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;border:2px solid;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:transform .3s,box-shadow .3s;display:flex;position:relative}.skill-icon-svg{pointer-events:none;width:32px;height:32px}.skill-icon-svg svg{pointer-events:none;width:100%;height:100%}.skill-name-tag{color:#fff;white-space:nowrap;opacity:0;pointer-events:none;background:#000000bf;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:600;transition:opacity .3s,transform .3s;transform:translateY(-10px)}.popup-overlay{z-index:2000;background:#000000d9;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.popup-content{background:linear-gradient(145deg,#1a1a2e,#16213e);border:1px solid #ffffff1a;border-radius:20px;width:90%;max-width:420px;padding:32px;animation:.4s slideUp;position:relative;box-shadow:0 25px 50px #00000080}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.popup-close{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:24px;transition:background .3s,transform .3s;display:flex;position:absolute;top:16px;right:16px}.popup-close:hover{background:#fff3;transform:rotate(90deg)}.popup-header{align-items:center;gap:20px;margin-bottom:24px;display:flex}.popup-icon{border:3px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.popup-icon svg{width:44px;height:44px}.popup-title-section{flex-direction:column;gap:8px;display:flex}.popup-title{color:#fff;margin:0;font-size:28px;font-weight:700}.popup-level{border-radius:20px;width:fit-content;padding:6px 14px;font-size:13px;font-weight:600;display:inline-block}.popup-description{color:#b8b8d1;margin:0;font-size:16px;line-height:1.7}@media (max-width:768px){.main-container{padding:40px 15px}.expertise-title{font-size:32px}.expertise-subtitle{letter-spacing:2px;font-size:12px}.expertise-description{font-size:14px}.circle-1{top:30px;left:10%}.circle-2{width:28px;height:28px;top:80px;left:5%}.circle-3{top:50px;left:8%}.skills-sphere-container{height:450px}.sphere-wrapper{width:320px;height:320px}.skill-icon-circle{width:50px;height:50px}.skill-icon-svg{width:26px;height:26px}.skill-name-tag{padding:3px 8px;font-size:10px}.popup-content{margin:0 15px;padding:24px}.popup-icon{width:60px;height:60px}.popup-icon svg{width:32px;height:32px}.popup-title{font-size:22px}.popup-description{font-size:14px}}@media (max-width:480px){.expertise-title{font-size:24px}.expertise-subtitle{font-size:11px}.expertise-description{padding:0 10px;font-size:13px}.skills-sphere-container{height:380px}.sphere-wrapper{width:260px;height:260px}.skill-icon-circle{border-width:1.5px;width:42px;height:42px}.skill-icon-svg{width:22px;height:22px}.popup-header{text-align:center;flex-direction:column;gap:14px}.popup-icon{width:50px;height:50px}.popup-icon svg{width:26px;height:26px}.popup-title{font-size:18px}.popup-level{padding:4px 10px;font-size:11px}.popup-title-section{align-items:center}}