:root{--bg-color:#050505;--text-primary:#fff;--text-secondary:#888;--accent-color:#3b82f6;--accent-glow:#3b82f680;--card-bg:#ffffff08;--card-border:#ffffff14}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;font-family:Inter,sans-serif;position:relative;overflow-x:hidden}.background-effects{z-index:-1;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.glow-orb{filter:blur(120px);opacity:.4;border-radius:50%;transition:transform .3s ease-out;position:absolute}.orb-1{background:radial-gradient(circle,#3b82f6cc 0%,#0000 70%);width:50vw;height:50vw;top:-10%;left:-10%}.orb-2{background:radial-gradient(circle,#8b5cf699 0%,#0000 70%);width:60vw;height:60vw;bottom:-20%;right:-10%}.container{flex-direction:column;max-width:1200px;min-height:100vh;margin:0 auto;padding:4rem 2rem;display:flex}.header{text-align:center;margin-bottom:5rem;animation:1s ease-out fadeInDown}.logo-text{letter-spacing:-2px;background:linear-gradient(135deg,#fff 0%,#a1a1aa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-family:Outfit,sans-serif;font-size:4rem;font-weight:900}.logo-text span{color:var(--accent-color);-webkit-text-fill-color:var(--accent-color)}.tagline{color:var(--text-secondary);font-size:1.2rem;font-weight:300}.grid-layout{flex-grow:1;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;display:grid}.hub-card{background:var(--card-bg);border:1px solid var(--card-border);color:inherit;-webkit-backdrop-filter:blur(20px);border-radius:24px;padding:2.5rem;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275);animation:1s ease-out backwards fadeInUp;position:relative;overflow:hidden}.hub-card:first-child{animation-delay:.2s}.hub-card:nth-child(2){animation-delay:.4s}.card-content{z-index:2;flex-direction:column;height:100%;display:flex;position:relative}.icon-wrapper{width:60px;height:60px;color:var(--accent-color);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;justify-content:center;align-items:center;margin-bottom:1.5rem;transition:transform .3s;display:flex}.hub-card:hover .icon-wrapper{background:var(--accent-color);color:#fff;box-shadow:0 0 20px var(--accent-glow);transform:scale(1.1)rotate(5deg)}.hub-card h2{margin-bottom:1rem;font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:700}.hub-card p{color:var(--text-secondary);flex-grow:1;margin-bottom:2rem;line-height:1.6}.card-action{color:var(--text-primary);align-items:center;font-weight:600;transition:color .3s;display:inline-flex}.hub-card:hover .card-action{color:var(--accent-color)}.card-glow{background:radial-gradient(circle, var(--accent-glow) 0%, transparent 50%);z-index:1;pointer-events:none;opacity:.15;width:150%;height:150%;transition:transform .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.hub-card:hover{border-color:#fff3;transform:translateY(-10px);box-shadow:0 20px 40px #0006}.hub-card:hover .card-glow{transform:translate(-50%,-50%)scale(1)}.hub-card.disabled{opacity:.6;cursor:not-allowed}.hub-card.disabled:hover{border-color:var(--card-border);box-shadow:none;transform:none}.hub-card.disabled:hover .icon-wrapper{color:var(--accent-color);box-shadow:none;background:#ffffff0d;transform:none}.hub-card.disabled .card-action{color:var(--text-secondary)}.footer{text-align:center;border-top:1px solid var(--card-border);color:var(--text-secondary);margin-top:4rem;padding-top:2rem;font-size:.9rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.logo-text{font-size:3rem}.container{padding:2rem 1.5rem}}