/* ============================================================================ AURORA 2045 — preview design language for the public site. One canvas across every surface: deep space navy with faint aurora glows. Dual accent with meaning: GOLD = the human, the book · CYAN = the intelligent system. Luminous gold→cyan hairlines are the family signature. Applied only when (the aurora.html preview page). ========================================================================== */ body.aurora { --cyan: #4cc3e8; --cyan-lit: #7fd6f2; background: radial-gradient(1100px 700px at 12% -8%, rgba(240, 194, 74, 0.075), transparent 60%), radial-gradient(1000px 720px at 88% 30%, rgba(76, 195, 232, 0.06), transparent 60%), radial-gradient(900px 600px at 30% 110%, rgba(76, 195, 232, 0.05), transparent 60%), var(--ink); background-attachment: fixed; } body.aurora ::selection { background: rgba(76, 195, 232, 0.35); color: #fff; } /* luminous hairline under the header */ /* keep the header sticky (position comes from site.css); aurora adds glass + hairline */ body.aurora .header { background: rgba(7, 10, 18, 0.6); backdrop-filter: blur(10px); } body.aurora .header::after { content: ''; position: absolute; left: 0; right: 0; bottom: -1px; height: 1px; background: linear-gradient(90deg, transparent 2%, rgba(240, 194, 74, 0.55) 25%, rgba(76, 195, 232, 0.55) 75%, transparent 98%); } /* section titles get a short gradient filament */ body.aurora .section h2 { position: relative; padding-bottom: 14px; } body.aurora .section h2::after { content: ''; position: absolute; left: 0; bottom: 0; width: 64px; height: 2px; border-radius: 2px; background: linear-gradient(90deg, var(--gold), var(--cyan)); box-shadow: 0 0 12px rgba(76, 195, 232, 0.45); } /* the machine accent on interactive edges; gold stays the brand voice */ body.aurora a:hover { color: var(--cyan-lit); } body.aurora .btn--primary { box-shadow: 0 0 0 0 rgba(76, 195, 232, 0); transition: box-shadow 0.25s, transform 0.2s, background 0.2s; } body.aurora .btn--primary:hover { box-shadow: 0 0 0 2px rgba(76, 195, 232, 0.55), 0 6px 26px rgba(76, 195, 232, 0.25); transform: translateY(-1px); } body.aurora .btn--ghost:hover { border-color: var(--cyan); color: var(--cyan-lit); } body.aurora .signin__dot { background: var(--cyan); box-shadow: 0 0 10px rgba(76, 195, 232, 0.9); animation: aurora-pulse 2.4s ease-in-out infinite; } @keyframes aurora-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.45; } } /* hero: give the title a faint golden aura, and the sub-line the machine tint */ body.aurora .hero__in h1 { text-shadow: 0 0 42px rgba(240, 194, 74, 0.28); } body.aurora .hero__thesis span { color: var(--cyan-lit); } body.aurora .hero__trust { border-top: 1px solid transparent; border-image: linear-gradient(90deg, rgba(240, 194, 74, 0.4), rgba(76, 195, 232, 0.4)) 1; padding-top: 12px; } /* mono labels (eyebrows, data) lean cyan — the machine reads, the serif speaks */ body.aurora .eyebrow { color: var(--cyan); text-shadow: 0 0 14px rgba(76, 195, 232, 0.35); } /* cards & media panels: glass with the family hairline */ body.aurora .card, body.aurora .media-figure { position: relative; background: rgba(255, 255, 255, 0.03); backdrop-filter: blur(12px); } /* the 3D hardcover floats free - no glass panel behind a physical object */ body.aurora .media-figure--book { background: transparent; backdrop-filter: none; } body.aurora .card::before { content: ''; position: absolute; top: 0; left: 14px; right: 14px; height: 1px; background: linear-gradient(90deg, transparent, rgba(240, 194, 74, 0.5), rgba(76, 195, 232, 0.5), transparent); } /* accessibility / weak GPUs: calm the effects down */ @media (prefers-reduced-motion: reduce) { body.aurora .signin__dot { animation: none; } body.aurora .btn--primary { transition: none; } }