@tailwind base;@tailwind components;@tailwind utilities;:root{--mh-yellow: #FFEB00;--mh-maroon: #C62828;--mh-indigo: #05204A;--mh-clay: #A45A2A;--mh-cream: #FFF8E1;--mh-text: #0B1220;--nav-height: 75px }html,body,#root{height:100%}body{@apply bg-mh-cream text-mh-text antialiased;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.container{max-width:1200px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}:focus{outline:2px solid rgba(198,40,40,.14);outline-offset:2px}.hero-ring{background-repeat:no-repeat;background-position:center;background-size:contain}.fade-in{animation:fadeIn .6s ease both}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@layer components{.ribbon-wrapper{@apply inline-block relative transform-gpu;transform-style:preserve-3d}.ribbon-content{@apply inline-flex items-center gap-2.5 font-semibold text-sm rounded-full px-4 py-2;background:linear-gradient(90deg,var(--mh-maroon),color-mix(in srgb,var(--mh-maroon) 75%,black 10%));color:#fff;box-shadow:0 6px 18px #0000002e,inset 0 1px #ffffff0a;position:relative;overflow:visible;will-change:transform,opacity;transform-origin:center;animation:ribbon-breathe 2.6s ease-in-out infinite}.ribbon-emoji{@apply inline-flex items-center justify-center rounded-full text-sm;width:26px;height:26px;background:#ffffff17;box-shadow:0 2px 6px #00000038}.ribbon-code{@apply ml-2 rounded-full text-xs font-bold px-2 py-0.5;background:#ffffff1a;letter-spacing:.4px}.ribbon-wrapper:before,.ribbon-wrapper:after{content:"";position:absolute;bottom:-8px;width:16px;height:10px;background:linear-gradient(180deg,#0000000f,#0000001f);border-radius:2px;filter:blur(.2px);box-shadow:0 2px 6px #0000001f;z-index:0}.ribbon-wrapper:before{left:-10px;transform:rotate(-20deg) skew(-6deg)}.ribbon-wrapper:after{right:-10px;transform:rotate(20deg) skew(6deg)}.ribbon-content:before,.ribbon-content:after{content:"";position:absolute;top:50%;width:8px;height:8px;transform:translateY(-50%);background:#0000000f;border-radius:50%;filter:blur(.35px);opacity:.8;z-index:1}.ribbon-content:before{left:-5px}.ribbon-content:after{right:-5px}@keyframes ribbon-breathe{0%{transform:translateY(0) scale(1)}40%{transform:translateY(-3px) scale(1.02)}70%{transform:translateY(-1px) scale(1.01)}to{transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.ribbon-content{animation:none!important}}@media(max-width:480px){.ribbon-content{@apply px-3 py-1.5 text-xs gap-2;}.ribbon-emoji{width:20px;height:20px;font-size:.85rem}.ribbon-code{padding:2px 6px;font-size:.72rem}.ribbon-wrapper:before,.ribbon-wrapper:after{bottom:-6px;width:12px;height:8px}}}