*{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;background:#0a0a0f;height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;overflow:hidden}#bg{z-index:0;width:100%;height:100%;position:fixed;top:0;left:0}#app{z-index:1;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative}.logo{letter-spacing:-2px;background:linear-gradient(135deg,#6366f1,#22c55e,#3b82f6);-webkit-text-fill-color:transparent;cursor:default;-webkit-user-select:none;user-select:none;-webkit-background-clip:text;margin-bottom:8px;font-size:48px;font-weight:800}.tagline{color:#666;letter-spacing:2px;text-transform:uppercase;margin-bottom:40px;font-size:14px}.portals{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;width:100%;max-width:600px;display:grid}.portal{color:#999;cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:20px 12px;text-decoration:none;transition:all .25s;display:flex}.portal:hover{color:#fff;background:#ffffff14;border-color:#6366f166;transform:translateY(-2px)}.portal .icon{font-size:28px}.portal .name{font-size:13px;font-weight:600}.portal .desc{color:#555;text-align:center;font-size:10px}.portal:hover .desc{color:#888}.footer{color:#333;margin-top:40px;font-size:11px}