.event-image{width:var(--presenter-right-width);aspect-ratio:16/9;object-fit:cover;overflow:hidden}.landing-header-grid{box-sizing:border-box;z-index:10;background:#b3b3b3;grid-template-columns:1fr auto 1fr;align-items:center;width:100vw;min-height:72px;padding:0 32px;display:grid;position:relative;left:0;box-shadow:0 2px 12px #00000012}.header-logo{justify-self:start;align-items:center;display:flex}.header-logo img{height:60px}.header-tabs{letter-spacing:.02em;justify-self:center;align-items:center;gap:32px;font-size:1.15rem;font-weight:600;display:flex}.tab{color:#333;cursor:pointer;padding:8px 16px;font-size:1.08rem;font-weight:500;transition:background .2s}.tab:hover{background:#e0e7ff}.city{color:#666;margin-left:18px;font-size:1.05rem;font-weight:400}.header-login{justify-self:end;align-items:center;display:flex}.login-icon{color:#555;cursor:pointer;margin-left:18px;transition:color .2s}.login-icon:hover{color:#1976d2}.MuiTabs-root .MuiTab-root{background:0 0;transition:transform .2s}.MuiTabs-root .MuiTab-root:hover{font-weight:600;transform:translateY(-2px)scale(1.04)}.frame-section-base{min-width:clamp(980px, 100vw, var(--main-width));gap:18px;margin-top:32px;margin-bottom:64px;padding:16px 0 0;display:flex;position:relative}.frame-section-visible{border-radius:18px;box-shadow:0 2px 12px #00000012}.frame-section--invisible{box-shadow:none;background:0 0;border-radius:0}.global-background-effect{pointer-events:none;opacity:1;width:100vw;height:100vh;transition:opacity 5s;position:fixed;top:0;left:0;overflow:hidden}.global-background-effect-fadeout{opacity:0;pointer-events:none}.falling-leaf{opacity:.85;width:32px;height:32px;animation:10s linear infinite fall-leaf;position:absolute;top:-40px}.leaf-1{background:#b8860b}.leaf-2{background:#8b5c2d}.leaf-3{background:tan}.leaf-0{background:#c68642}@keyframes fall-leaf{0%{opacity:.8;transform:rotate(-20deg)scale(1)translateY(0)}10%{opacity:1}50%{opacity:.9;transform:rotate(20deg)scale(1.1)translateY(60vh)translate(10vw)}to{opacity:.7;transform:rotate(-20deg)scale(.9)translateY(120vh)translate(-10vw)}}.firework-rocket,.firework-particle{z-index:2147483647;pointer-events:none;position:absolute}.firework-rocket{width:10px;height:2px;box-shadow:none;opacity:1;background:#3a2300;border:none;border-radius:2px;position:absolute}.firework-rocket:after{display:none}.firework-particle{opacity:.98;border-radius:50%;width:10px;height:10px;transition:opacity .4s;box-shadow:0 0 4px 2px #0002}.falling-present{--initial-rotate:0deg;pointer-events:none;will-change:transform, left, top;backface-visibility:hidden;animation-name:fall-present;animation-duration:10s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:normal}@keyframes fall-present{0%{transform:translateY(0) translateX(0) rotate(calc(var(--initial-rotate,0deg) + 0deg)) scale(1);opacity:1}to{transform:translateY(120vh) translateX(6vw) rotate(calc(var(--initial-rotate,0deg) + (var(--rotate-dir,1) * var(--rotate-span,480deg)))) scale(.95);opacity:.9}}.valentine-hearts-effect{pointer-events:none;z-index:2147483647;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.floating-heart{will-change:left, top, opacity, transform;transition:opacity .6s;position:absolute}html,body,#root{background-color:#242424;width:100dvw;height:100dvh;margin:0;padding:0}body{place-items:center;min-height:100dvh}.logo{will-change:filter;height:6em;padding:1.5em;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:20s linear infinite logo-spin}}.card{padding:2em}.read-the-docs{color:#888}img{aspect-ratio:16/9;object-fit:cover;height:auto;display:block;overflow:hidden}.clickable-component{cursor:pointer;color:inherit;text-decoration:none;transition:box-shadow .2s,transform .2s;display:flex}.clickable-component:hover{transform:translateY(-4px)scale(1);box-shadow:0 0 8px #2e2e2e2e}.frame-header{color:var(--font-color-primary);background:linear-gradient(90deg, var(--font-color-secondary) 0%, var(--font-color-primary) 100%);-webkit-text-fill-color:transparent;text-align:left;z-index:2;-webkit-background-clip:text;background-clip:text;border-radius:18px;align-items:center;padding:0 18px;font-family:Inter,Roboto,Arial,sans-serif;font-size:2rem;font-weight:800;display:flex;position:absolute;top:-23px;left:16px}.main-main{justify-content:center;width:100%}@media (width<=768px){.main-content{width:98dvw;min-width:0;max-width:100dvw;padding:0 8px}}