:root{--bg: #f8fafc;--surface: #ffffff;--glow: rgba(37, 99, 235, .15);--shadow: 0 30px 70px -40px rgba(15, 23, 42, .65);--page-gradient: radial-gradient(circle at top right, var(--glow), transparent 45%), var(--bg)}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background-attachment:fixed;background-repeat:no-repeat;background-size:cover;display:flex}#root{flex:1;display:flex}.hero{position:relative;flex:1;min-height:100vh;padding:clamp(1.25rem,4vw,4rem);display:flex;align-items:center;justify-content:center;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-media{width:100%;max-width:960px;max-height:88vh;overflow:hidden;display:flex;align-items:center;justify-content:center;margin-inline:auto;position:relative;z-index:1;padding:clamp(.5rem,2vw,1.5rem)}.hero-image{width:100%;height:auto;max-height:100%;object-fit:contain;object-position:center;display:block}@media (max-width: 768px) and (orientation: portrait){.hero{padding:clamp(.75rem,6vw,2.25rem)}.hero-media{max-width:640px;border-radius:clamp(1.5rem,6vw,2.75rem);max-height:80vh}}@media (max-width: 1024px) and (orientation: landscape){body{align-items:center;justify-content:center}.hero{padding:clamp(.75rem,4vw,2rem)}.hero-media{max-width:min(90vw,980px);max-height:90vh}}