:root{--gold: #C99B00;--gold-light: #FDB900;--navy: #001440;--navy-mid: #001A52;--cream: #F8F4EE}body{font-family:Inter,sans-serif;background:var(--navy)}.font-display{font-family:Raleway,sans-serif}.grain{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");opacity:.5}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.reveal-l{opacity:0;transform:translate(-36px);transition:opacity .75s ease,transform .75s ease}.reveal-l.visible{opacity:1;transform:none}.reveal-r{opacity:0;transform:translate(36px);transition:opacity .75s ease,transform .75s ease}.reveal-r.visible{opacity:1;transform:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes glow{0%,to{opacity:.3}50%{opacity:.6}}.anim-glow{animation:glow 4s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(7px)}}.bounce{animation:bounce 2s ease-in-out infinite}.navi-badge{display:inline-block;padding:.35rem 1.2rem;border:1px solid rgba(201,153,42,.45);letter-spacing:.45em;font-size:.7rem;font-weight:600;color:var(--gold-light);text-transform:uppercase;background:#c9992a0f}.btn-navi{display:inline-flex;align-items:center;gap:.6rem;background:var(--gold);color:var(--navy);font-weight:700;font-size:.9rem;padding:.9rem 2rem;letter-spacing:.04em;transition:opacity .2s,transform .2s}.btn-navi:hover{opacity:.9;transform:translateY(-2px)}.btn-navi-outline{display:inline-flex;align-items:center;gap:.6rem;border:1px solid rgba(201,153,42,.4);color:var(--gold-light);font-weight:500;font-size:.875rem;padding:.85rem 2rem;transition:border-color .2s,background .2s}.btn-navi-outline:hover{border-color:var(--gold);background:#c9992a12}.pillar{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-top:3px solid transparent;padding:2rem 1.5rem;transition:border-color .3s,background .3s,transform .3s}.pillar:hover{border-top-color:var(--gold);background:#ffffff12;transform:translateY(-4px)}.req-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.06)}.req-item:last-child{border-bottom:none}.req-num{flex-shrink:0;width:30px;height:30px;border-radius:50%;background:#c9992a1a;border:1px solid rgba(201,153,42,.3);display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:var(--gold-light)}.play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:50%;background:#ff0000eb;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 48px #000000a6;transition:transform .2s,background .2s}.yt-outer:hover .play-btn{background:red;transform:translate(-50%,-50%) scale(1.1)}.yt-outer:hover .yt-img{transform:scale(1.04)}.yt-img{transition:transform .6s ease}