:root{--mra-accent:#ff1a1a;--mra-accent-2:#ff4d4d;--mra-glow:rgba(255,26,26,.22)}
html{scroll-behavior:smooth}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
body{opacity:0;transform:translateY(6px);transition:opacity .45s ease, transform .45s ease}
body.mra-ready{opacity:1;transform:none}

/* Appbar polish */
.appbar{border-bottom:1px solid rgba(255,255,255,.12)!important}
.appbar:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,transparent,var(--mra-accent),transparent);opacity:.55;pointer-events:none}

/* Brand as a home link + logo */
.brand{gap:10px!important}
.brand.mra-home-link{display:flex;align-items:center}
.mra-logo{height:48px;}
.mra-brand-text{font-weight:900;letter-spacing:.2px}

/* Hover glow for premium feel */
.btn:hover,.card:hover{box-shadow:0 18px 48px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.06) inset, 0 0 32px var(--mra-glow)}
.hero{box-shadow:0 22px 60px rgba(0,0,0,.62), 0 0 52px var(--mra-glow)}

/* Reveal animation */
.mra-reveal{opacity:0;transform:translateY(14px) scale(.99);transition:opacity .6s ease, transform .6s ease}
.mra-reveal.mra-in{opacity:1;transform:none}

/* Floating Home button (icon only; no language changes) */
.mra-home-fab{position:fixed;right:18px;bottom:18px;z-index:999;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));backdrop-filter:blur(10px);box-shadow:0 14px 30px rgba(0,0,0,.5);transition:transform .15s ease, box-shadow .15s ease}
.mra-home-fab:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(0,0,0,.6), 0 0 34px var(--mra-glow)}
.mra-home-fab svg{width:22px;height:22px}