:root{--glass-bg-primary:#ffffff0d;--glass-bg-secondary:#ffffff14;--glass-bg-tertiary:#ffffff1f;--glass-border:#ffffff1a;--glass-border-hover:#fff3;--bg-gradient-primary:linear-gradient(135deg,#1a0b2e 0%,#16213e 50%,#0f3460 100%);--bg-gradient-secondary:linear-gradient(135deg,#2d1b69 0%,#11998e 100%);--accent-cyan:#00f5ff;--accent-green:#00ff87;--accent-purple:#a78bfa;--accent-pink:#f472b6;--accent-blue:#3b82f6;--accent-orange:#f59e0b;--text-primary:#fff;--text-secondary:#b0b0b0;--text-tertiary:gray;--status-positive:#00ff87;--status-negative:#ff6b6b;--status-neutral:#b0b0b0;--shadow-glass:0 8px 32px #0000004d;--shadow-glass-hover:0 12px 40px #0006;--glow-cyan:0 0 20px #00f5ff4d;--glow-green:0 0 20px #00ff874d;--glow-purple:0 0 20px #a78bfa4d;--glow-pink:0 0 20px #f472b64d}.glass-card{background:var(--glass-bg-primary);-webkit-backdrop-filter:blur(15px);border:1px solid var(--glass-border);box-shadow:var(--shadow-glass);border-radius:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{background:var(--glass-bg-secondary);border-color:var(--glass-border-hover);box-shadow:var(--shadow-glass-hover);transform:translateY(-4px)scale(1.02)}.glass-card-secondary{background:var(--glass-bg-secondary);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);box-shadow:var(--shadow-glass);border-radius:16px}.glass-card-tertiary{background:var(--glass-bg-tertiary);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 4px 16px #0003}.glass-nav{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);background:#0000004d;box-shadow:0 4px 20px #0000001a}.glass-tab{color:var(--text-secondary);background:0 0;border:1px solid #0000;border-radius:12px;padding:12px 24px;transition:all .2s}.glass-tab:hover{color:var(--text-primary);background:#ffffff0d}.glass-tab.active{color:var(--text-primary);background:#a78bfa4d;border-color:#a78bfa80;box-shadow:0 0 20px #a78bfa33}.btn-gradient-primary{background:linear-gradient(135deg,var(--accent-cyan)0%,var(--accent-blue)100%);color:#fff;border:none;border-radius:12px;padding:12px 24px;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #00f5ff33}.btn-gradient-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 25px #00f5ff4d}.btn-gradient-secondary{background:linear-gradient(135deg,var(--accent-green)0%,var(--accent-cyan)100%);color:#fff;border:none;border-radius:12px;padding:12px 24px;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #00ff8733}.btn-gradient-secondary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 25px #00ff874d}.progress-bar{background:#ffffff1a;border-radius:3px;height:6px;position:relative;overflow:hidden}.progress-fill{border-radius:3px;height:100%;transition:width 1.5s cubic-bezier(.4,0,.2,1);position:relative}.progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);animation:2s infinite shimmer;position:absolute;inset:0}.progress-cyan{background:linear-gradient(90deg,var(--accent-cyan),var(--accent-blue));box-shadow:var(--glow-cyan)}.progress-green{background:linear-gradient(90deg,var(--accent-green),#10b981);box-shadow:var(--glow-green)}.progress-purple{background:linear-gradient(90deg,var(--accent-purple),#8b5cf6);box-shadow:var(--glow-purple)}.progress-pink{background:linear-gradient(90deg,var(--accent-pink),#ec4899);box-shadow:var(--glow-pink)}.progress-orange{background:linear-gradient(90deg,var(--accent-orange),#d97706);box-shadow:0 0 20px #f59e0b4d}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600}.badge-public{color:var(--accent-green);background:#00ff8733;border:1px solid #00ff874d}.badge-private{color:var(--accent-purple);background:#a78bfa33;border:1px solid #a78bfa4d}.badge-connect{background:linear-gradient(135deg,var(--accent-purple),var(--accent-blue));color:#fff;cursor:pointer;border:none;transition:all .2s}.badge-connect:hover{filter:brightness(1.1);transform:scale(1.05)}.skill-tag{color:var(--text-secondary);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:8px;padding:4px 8px;font-size:11px;font-weight:500}.indicator-dot{border-radius:50%;width:12px;height:12px;position:absolute;top:16px;right:16px;box-shadow:0 0 10px}.indicator-pink{background:var(--accent-pink)}.indicator-cyan{background:var(--accent-cyan)}.indicator-green{background:var(--accent-green)}.indicator-orange{background:var(--accent-orange)}.indicator-blue{background:var(--accent-blue)}.indicator-purple{background:var(--accent-purple)}.activity-bar{border-radius:6px;width:12px;height:60px;transition:all .3s;position:relative}.activity-bar.active{background:linear-gradient(to top,var(--accent-green),var(--accent-cyan));box-shadow:var(--glow-green)}.activity-bar.inactive{background:#ffffff1a}.activity-bar:hover{transform:scaleY(1.1)}.progress-ring{transform:rotate(-90deg)}.progress-ring-circle{stroke:url(#scoreGradient);stroke-width:8px;stroke-linecap:round;fill:none;filter:drop-shadow(0 0 10px #00f5ff80);transition:stroke-dashoffset 1.5s cubic-bezier(.4,0,.2,1)}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%,to{box-shadow:0 0 20px #00f5ff4d}50%{box-shadow:0 0 30px #00f5ff80}}.fade-in-up{animation:.6s ease-out fadeInUp}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.stagger-6{animation-delay:.6s}@media (max-width:768px){.glass-card{border-radius:16px;padding:16px}.glass-nav{-webkit-backdrop-filter:blur(15px)}.glass-tab{padding:8px 16px;font-size:14px}}@supports not ((-webkit-backdrop-filter:blur(15px)) or (backdrop-filter:blur(15px))){.glass-card{background:#1c1c1ee6}.glass-nav{background:#000c}.glass-card-secondary{background:#1c1c1ecc}.glass-card-tertiary{background:#1c1c1eb3}}