:root{--wolf-v3-bg:#030712;--wolf-v3-glass:rgba(17,24,39,.7);--wolf-v3-neon:#3b82f6;--wolf-v3-neon-alt:#8b5cf6;--wolf-v3-text:#f9fafb}.wolf-v3-container{background:var(--wolf-v3-bg);min-height:80vh;padding:40px;border-radius:30px;font-family:'Inter',sans-serif;color:var(--wolf-v3-text);position:relative;overflow:hidden}.wolf-v3-container:before{content:'';position:absolute;top:-10%;left:-10%;width:40%;height:40%;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 70%);z-index:1}.wolf-v3-glass-panel{background:var(--wolf-v3-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:30px;position:relative;z-index:2;box-shadow:0 25px 50px -12px rgba(0,0,0,.5)}.wolf-v3-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:20px}.wolf-v3-header h1{font-size:24px;font-weight:800;letter-spacing:-1px;margin:0}.wolf-v3-header .badge{background:linear-gradient(135deg,var(--wolf-v3-neon),var(--wolf-v3-neon-alt));padding:4px 12px;border-radius:99px;font-size:10px;vertical-align:middle;margin-left:10px;box-shadow:0 0 15px rgba(59,130,246,.4)}.wolf-v3-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.wolf-v3-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);padding:24px;border-radius:20px;transition:transform .3s ease,background .3s ease}.wolf-v3-card:hover{transform:translateY(-5px);background:rgba(255,255,255,.04);border-color:rgba(59,130,246,.3)}.wolf-v3-card h3{margin:0 0 15px;font-size:16px;color:#9ca3af}.xp-bar{width:100%;height:8px;background:rgba(255,255,255,.1);border-radius:4px;overflow:hidden;margin-top:10px}.xp-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);transition:width 1s cubic-bezier(.4,0,.2,1)}.rank-badge{background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.2);color:#c084fc;padding:5px 15px;border-radius:12px;font-weight:600;font-size:14px}.wolf-v3-footer{margin-top:40px;text-align:center;color:#4b5563;font-size:12px}@media (max-width:768px){.wolf-v3-container{padding:15px}.wolf-v3-header{flex-direction:column;gap:15px;text-align:center}}