body { background-color: #0b0c0e; color: #f5f5f7; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; margin: 0; line-height: 1.6; }
.vortex-main { max-width: 1000px; margin: 0 auto; padding: 40px 20px; }
.nexus-title { font-size: 28px; font-weight: 600; color: #f5f5f7; margin-bottom: 30px; letter-spacing: -0.5px; }
.portal-ann { background: #1d1d1f; border-radius: 12px; padding: 20px 25px; margin-bottom: 40px; display: flex; align-items: center; border: 1px solid #333; }
.radar-eye { width: 10px; height: 10px; background: #0071e3; border-radius: 50%; margin-right: 20px; position: relative; flex-shrink: 0; }
.radar-eye::after { content: ""; position: absolute; top: -5px; left: -5px; width: 20px; height: 20px; border: 1px solid #0071e3; border-radius: 50%; animation: lunar-pulse 2s infinite; }
@keyframes lunar-pulse { 0% { transform: scale(0.5); opacity: 1; } 100% { transform: scale(2); opacity: 0; } }
.ribbon-item { background: #161617; border-radius: 14px; margin-bottom: 15px; padding: 22px 30px; display: flex; align-items: center; border: 1px solid #2d2d2f; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); text-decoration: none; }
.ribbon-item:hover { background: #1d1d1f; transform: scale(1.02); border-color: #424245; box-shadow: 0 20px 40px rgba(0,0,0,0.4); }
.thumb-shell { width: 56px; height: 56px; background: #000; border-radius: 10px; overflow: hidden; margin-right: 25px; border: 1px solid #333; }
.thumb-shell img { width: 100%; height: 100%; object-fit: cover; }
.info-flow { flex: 1; min-width: 0; }
.info-flow h3 { font-size: 17px; font-weight: 600; color: #fff; margin: 0 0 6px; }
.info-flow p { font-size: 13px; color: #86868b; margin: 0; }
.price-tag { font-family: "SF Pro Display", sans-serif; font-size: 20px; font-weight: 600; color: #f5f5f7; margin: 0 40px; }
.action-trigger { background: #0071e3; color: #fff; padding: 8px 24px; border-radius: 20px; font-size: 13px; font-weight: 600; text-decoration: none; transition: 0.3s; }
.action-trigger:hover { background: #0077ed; }
.top-nav { height: 50px; background: rgba(0,0,0,0.8); backdrop-filter: blur(20px); position: sticky; top: 0; z-index: 2000; border-bottom: 1px solid #333; }
.nav-container { max-width: 1000px; margin: 0 auto; height: 100%; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; }
.menu-links { display: flex; list-style: none; margin: 0; padding: 0; gap: 35px; }
.menu-links a { color: #d2d2d7; text-decoration: none; font-size: 12px; font-weight: 400; transition: color 0.3s; }
.menu-links a:hover, .menu-links a.active-link { color: #fff; }
.footer-node { padding: 80px 0 60px; text-align: center; color: #6e6e73; font-size: 12px; border-top: 1px solid #333; margin-top: 100px; }
.input-capture { width: 100%; height: 48px; background: #1d1d1f; border: 1px solid #424245; border-radius: 8px; color: #fff; padding: 0 16px; box-sizing: border-box; outline: none; margin-top: 10px; font-size: 15px; }
.input-capture:focus { border-color: #0071e3; }