*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #03030c;--accent: #7b8cff;--accent-warm: #c4a1ff;--text: #e8e8f0;--dim: rgba(232, 232, 240, .5);--faint: rgba(232, 232, 240, .28);--border: rgba(255, 255, 255, .06);--card: rgba(255, 255, 255, .02)}html,body{height:100%}body{font-family:Outfit,system-ui,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100dvh;overflow-x:hidden}#starfield{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.nebula{position:fixed;border-radius:50%;filter:blur(160px);pointer-events:none;z-index:0}.nebula-1{width:620px;height:620px;background:radial-gradient(circle,rgba(123,140,255,.08) 0%,transparent 70%);top:-22%;right:-12%}.nebula-2{width:460px;height:460px;background:radial-gradient(circle,rgba(196,161,255,.07) 0%,transparent 70%);bottom:-18%;left:-8%}#app{position:relative;z-index:1}.wrap{max-width:900px;margin:0 auto;padding:0 24px;display:flex;flex-direction:column;align-items:center;min-height:100dvh}.hero{text-align:center;padding:18vh 0 8vh}.logo-mark{font-family:Syne,sans-serif;font-size:11px;font-weight:600;letter-spacing:5px;text-transform:uppercase;color:var(--faint);margin-bottom:40px;animation:fadeUp .8s ease .2s both}.logo-mark span{color:#7b8cff99}.hero-title{font-family:Syne,sans-serif;font-weight:800;font-size:clamp(44px,9vw,96px);line-height:.95;letter-spacing:-3px;margin-bottom:24px;animation:fadeUp .9s ease .35s both}.hero-title .g{background:linear-gradient(135deg,var(--text) 25%,var(--accent) 65%,var(--accent-warm) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{font-size:clamp(15px,2vw,19px);color:var(--dim);font-weight:300;line-height:1.7;max-width:460px;margin:0 auto;animation:fadeUp .9s ease .5s both;letter-spacing:.2px}.section-label{font-family:Syne,sans-serif;font-size:11px;font-weight:600;letter-spacing:4px;text-transform:uppercase;color:var(--faint);align-self:flex-start;margin-bottom:20px;animation:fadeUp .8s ease .7s both}.grid{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;padding-bottom:8vh}.card{position:relative;display:flex;flex-direction:column;gap:10px;padding:22px 20px;background:var(--card);border:1px solid var(--border);border-radius:18px;text-decoration:none;color:inherit;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .35s,transform .3s,background .35s;animation:fadeUp .7s ease both;overflow:hidden}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 0%,var(--glow, rgba(123,140,255,.1)),transparent 60%);opacity:0;transition:opacity .4s}.card:hover{border-color:#7b8cff52;transform:translateY(-3px);background:#ffffff09}.card:hover:before{opacity:1}.card-top{display:flex;align-items:center;gap:12px;position:relative}.card-icon{width:42px;height:42px;border-radius:12px;flex-shrink:0;display:grid;place-items:center;font-size:22px;background:#ffffff0a;border:1px solid var(--border)}.card-name{font-family:Syne,sans-serif;font-weight:700;font-size:18px;letter-spacing:-.3px}.card-host{font-size:11px;color:var(--faint);letter-spacing:.5px}.card-desc{font-size:13.5px;color:var(--dim);line-height:1.55;position:relative}.card-arrow{position:absolute;top:20px;right:20px;color:var(--faint);transition:transform .3s,color .3s}.card:hover .card-arrow{transform:translate(3px,-3px);color:var(--accent)}.foot{width:100%;display:flex;align-items:center;justify-content:center;gap:24px;padding:32px 0 40px;margin-top:auto;animation:fadeUp 1s ease 1s both}.foot a,.foot span{font-size:10px;color:var(--faint);text-decoration:none;letter-spacing:2px;text-transform:uppercase;transition:color .3s}.foot a:hover{color:var(--dim)}.foot .dot{width:3px;height:3px;border-radius:50%;background:var(--border)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@media(max-width:560px){.hero{padding:12vh 0 6vh}.grid{grid-template-columns:1fr}}