:root{--bg-dark: #030712;--card-glass: rgba(255, 255, 255, .03);--card-border: rgba(255, 255, 255, .08);--card-hover-border: rgba(255, 255, 255, .2);--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-primary: #6366f1;--accent-secondary: #a855f7;--accent-glow: rgba(99, 102, 241, .4);--font-main: "Inter", system-ui, -apple-system, sans-serif;--font-heading: "Outfit", "Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-dark);color:var(--text-primary);min-height:100vh;display:flex;justify-content:center;align-items:center;padding:2rem;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(circle at 20% 20%,rgba(99,102,241,.15) 0%,transparent 40%),radial-gradient(circle at 80% 80%,rgba(168,85,247,.15) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(59,130,246,.1) 0%,transparent 60%);animation:backgroundPulse 15s ease-in-out infinite alternate}@keyframes backgroundPulse{0%{transform:scale(1) translate(0)}50%{transform:scale(1.1) translate(2%,2%)}to{transform:scale(1) translate(0)}}.hub-container{max-width:1400px;width:100%;z-index:1}.hub-header{text-align:center;margin-bottom:5rem;opacity:0;transform:translateY(-20px);animation:fadeInDown .8s cubic-bezier(.16,1,.3,1) forwards;position:relative}.back-to-site{position:absolute;top:0;left:0;font-size:.85rem;font-weight:600;color:var(--text-secondary);text-decoration:none;padding:.5rem 1rem;border-radius:10px;background:var(--card-glass);border:1px solid var(--card-border);transition:all .2s}.back-to-site:hover{color:var(--text-primary);border-color:var(--card-hover-border)}.brand{display:flex;align-items:center;justify-content:center;gap:1.25rem;margin-bottom:1.5rem}.brand-icon{width:64px;height:64px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:18px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:2rem;color:#fff;box-shadow:0 0 30px var(--accent-glow);position:relative;overflow:hidden}.brand-icon:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.2),transparent);transform:rotate(45deg);animation:shine 3s infinite}@keyframes shine{0%{left:-100%}to{left:100%}}.hub-header h1{font-family:var(--font-heading);font-size:3.5rem;font-weight:800;letter-spacing:-.04em;background:linear-gradient(to right,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.subtitle{color:var(--text-secondary);font-size:1.2rem;font-weight:400;letter-spacing:.02em}.hub-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.hub-card{background:var(--card-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--card-border);border-radius:28px;padding:2.5rem 2rem;text-decoration:none;color:var(--text-primary);transition:all .5s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;align-items:flex-start;position:relative;overflow:hidden;opacity:0;transform:translateY(30px)}.hub-card:nth-child(1){animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) .2s forwards}.hub-card:nth-child(2){animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) .3s forwards}.hub-card:nth-child(3){animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) .4s forwards}.hub-card:nth-child(4){animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) .5s forwards}.hub-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(800px circle at var(--mouse-x) var(--mouse-y),rgba(255,255,255,.06),transparent 40%);opacity:0;transition:opacity .5s}.hub-card:hover:before{opacity:1}.hub-card:hover{transform:translateY(-10px) scale(1.02);border-color:var(--card-hover-border);background:#ffffff0d;box-shadow:0 20px 40px #0006}.card-icon{width:64px;height:64px;background:#ffffff0d;border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:2rem;transition:all .5s cubic-bezier(.16,1,.3,1);color:var(--text-primary)}.card-icon svg{width:32px;height:32px;stroke-width:1.5}.hub-card:hover .card-icon{background:var(--accent-primary);transform:rotate(-5deg) scale(1.1);box-shadow:0 0 20px var(--accent-glow)}.hub-card h2{font-family:var(--font-heading);font-size:1.75rem;font-weight:700;margin-bottom:1rem;letter-spacing:-.02em}.hub-card p{color:var(--text-secondary);line-height:1.7;font-size:1rem;max-width:90%}@keyframes fadeInDown{to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@media (max-width: 1200px){.hub-grid{grid-template-columns:repeat(2,1fr)}.hub-container{max-width:900px}}@media (max-width: 640px){.hub-grid{grid-template-columns:1fr;padding:0 1rem}.hub-header h1{font-size:2.5rem}}@media (max-width: 480px){body{padding:1.5rem}.hub-header{margin-bottom:3rem}.hub-card{padding:2rem}.hub-header h1{font-size:2rem}}