:root {
  --ease: cubic-bezier(.2,.75,.25,1);
  --page-pad: clamp(16px, 2.1vw, 36px);
  --ink: #0a2441;
  --muted: rgba(10,36,65,.67);
  --glass: rgba(238,248,255,.28);
  --glass-border: rgba(255,255,255,.42);
  --scene-x: 0px;
  --scene-y: 0px;
  --far-x: 0px;
  --far-y: 0px;
  --mid-x: 0px;
  --mid-y: 0px;
  --core-x: 0px;
  --core-y: 0px;
  --red: #ff3154;
  --cyan: #4de7ec;
  --green: #64e780;
}
* { box-sizing: border-box; }
html, body { margin:0; min-height:100%; }
html { background:#06111f; scroll-behavior:smooth; }
body { min-width:320px; min-height:100vh; height:100svh; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color:var(--ink); overflow:hidden; }
a,button { -webkit-tap-highlight-color:transparent; }
.app-shell { position:relative; min-height:100vh; height:100svh; isolation:isolate; overflow:hidden; display:grid; grid-template-rows:auto 1fr auto; }
.scene { position:fixed; inset:0; z-index:-5; overflow:hidden; background:#dcecf7; }
.scene-layer, .scene-atmosphere, .cathedral-layer, .blue-hour-layer, .scene-shade, .scene-vignette, #microStars { position:absolute; pointer-events:none; }
.scene-layer { inset:-2.5%; width:105%; height:105%; background:center center / cover no-repeat; transform:translate(var(--far-x),var(--far-y)) scale(1.012); transition:opacity 900ms var(--ease), filter 900ms var(--ease), transform 1300ms var(--ease); will-change:opacity,transform; }
.scene-far { filter:saturate(.78) contrast(.9) brightness(.97); }
.scene-day { background-image:url('../assets/sofia-day-depth.webp'); opacity:1; }
.scene-night { background-image:url('../assets/sofia-night-depth.webp'); opacity:0; filter:saturate(.86) contrast(.88) brightness(.78); }
.scene-atmosphere { inset:0; z-index:1; background:
  radial-gradient(ellipse 34% 33% at 50% 27%, rgba(165,207,236,.96) 0%, rgba(177,214,239,.88) 34%, rgba(196,223,239,.46) 59%, transparent 78%),
  linear-gradient(180deg,rgba(224,240,252,.22),transparent 46%);
  backdrop-filter:blur(1.5px); transition:opacity 850ms var(--ease),background 850ms var(--ease); }
.cathedral-layer { inset:-2.5%; width:105%; height:105%; z-index:2; background:center center / cover no-repeat; transform:translate(var(--mid-x),var(--mid-y)) scale(1.012); transform-origin:50% 70%; transition:opacity 900ms var(--ease),filter 900ms var(--ease),transform 1100ms var(--ease); will-change:transform,opacity; -webkit-mask-image:radial-gradient(ellipse 25% 32% at 50% 70%,#000 0%,#000 45%,rgba(0,0,0,.72) 58%,transparent 78%); mask-image:radial-gradient(ellipse 25% 32% at 50% 70%,#000 0%,#000 45%,rgba(0,0,0,.72) 58%,transparent 78%); }
.cathedral-day { opacity:.98; background-image:url('../assets/sofia-day-16x9.png'); filter:saturate(1.03) contrast(1.04) brightness(1.02) drop-shadow(0 26px 50px rgba(18,40,67,.12)); }
.cathedral-night { opacity:0; background-image:url('../assets/sofia-night-16x9.png'); filter:saturate(1.05) contrast(1.05) brightness(1.03); }
.blue-hour-layer { inset:0; z-index:3; opacity:0; background:linear-gradient(180deg,rgba(38,81,145,.72),rgba(24,53,101,.2) 48%,rgba(4,16,38,.1)); mix-blend-mode:multiply; transition:opacity 430ms ease; }
.scene-shade { inset:0; z-index:4; background:linear-gradient(180deg,rgba(233,246,255,.19),rgba(255,255,255,.01) 31%,rgba(8,26,43,.08) 72%,rgba(4,17,31,.42)); transition:background 900ms var(--ease); }
.scene-vignette { inset:0; z-index:5; box-shadow:inset 0 0 190px rgba(2,20,37,.16); }
#microStars { inset:0; width:100%; height:100%; z-index:6; opacity:0; transition:opacity 700ms ease 180ms; }
html[data-theme="dark"] { --ink:#edf7ff; --muted:rgba(231,243,255,.7); --glass:rgba(4,17,33,.34); --glass-border:rgba(255,255,255,.13); }
html[data-theme="dark"] .scene-day { opacity:0; filter:saturate(.7) brightness(.62); }
html[data-theme="dark"] .scene-night { opacity:1; filter:saturate(.92) contrast(.9) brightness(.83); }
html[data-theme="dark"] .scene-atmosphere { background:
  radial-gradient(ellipse 36% 35% at 50% 26%, rgba(7,24,49,.96) 0%, rgba(8,28,55,.88) 36%, rgba(9,31,58,.48) 62%, transparent 80%),
  linear-gradient(180deg,rgba(2,12,29,.12),transparent 48%); opacity:.86; }
html[data-theme="dark"] .cathedral-day { opacity:0; }
html[data-theme="dark"] .cathedral-night { opacity:1; }
html[data-theme="dark"] .cathedral-layer { filter:saturate(1.06) contrast(1.07) brightness(1.03); }
html[data-theme="dark"] .scene-shade { background:linear-gradient(180deg,rgba(0,8,23,.08),rgba(0,7,18,.01) 42%,rgba(0,5,14,.16) 73%,rgba(0,3,10,.58)); }
html[data-theme="dark"] .scene-vignette { box-shadow:inset 0 0 240px rgba(0,0,0,.42); }
html[data-theme="dark"] #microStars { opacity:.74; }
html[data-transitioning="true"] .blue-hour-layer { opacity:.45; animation:blueHour 900ms ease both; }
@keyframes blueHour { 0%,100%{opacity:0} 42%{opacity:.56} }

.topbar { position:relative; z-index:20; width:min(calc(100% - var(--page-pad) - var(--page-pad)),1580px); margin:0 auto; min-height:90px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:18px; padding:10px 0 4px; }
.brand { position:relative; justify-self:start; display:block; width:clamp(205px,17vw,286px); filter:drop-shadow(0 5px 18px rgba(20,55,93,.08)); }
.brand-logo { width:100%; height:auto; display:block; }
.header-title { grid-column:2; text-align:center; align-self:center; justify-self:center; width:max-content; max-width:min(58vw,900px); }
.header-title h1 { margin:0; font-size:clamp(1.7rem,2.25vw,2.8rem); line-height:1; letter-spacing:.105em; font-weight:800; text-shadow:0 2px 22px rgba(255,255,255,.22); }
.header-title p { margin:10px 0 0; font-size:clamp(.78rem,1vw,1.05rem); letter-spacing:.16em; text-transform:uppercase; color:var(--muted); }
.controls { justify-self:end; display:flex; align-items:center; gap:14px; padding:6px 8px 6px 14px; border-radius:999px; border:1px solid var(--glass-border); background:var(--glass); backdrop-filter:blur(18px) saturate(145%); box-shadow:0 10px 30px rgba(7,28,53,.08); }
.controls { display:flex; align-items:center; gap:10px; }
.controls--dock { padding:8px 10px; border-radius:999px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.18); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); box-shadow:0 12px 28px rgba(4,17,31,.12); }
html[data-theme="dark"] .controls--dock { background:rgba(7,20,37,.42); border-color:rgba(255,255,255,.14); box-shadow:0 14px 30px rgba(0,0,0,.2); }
.language-control { display:flex; align-items:center; gap:8px; }
.language-control > span { width:1px; height:17px; background:currentColor; opacity:.25; }
.lang-btn { border:0; background:transparent; color:inherit; font:inherit; font-size:.78rem; font-weight:800; letter-spacing:.08em; padding:6px 3px; opacity:.55; cursor:pointer; }
.lang-btn.is-active { opacity:1; }
.theme-switch { border:0; padding:0; background:transparent; cursor:pointer; }
.theme-orbit { position:relative; display:block; width:66px; height:34px; border-radius:999px; background:rgba(13,41,72,.12); border:1px solid rgba(255,255,255,.34); overflow:hidden; }
.theme-sun,.theme-moon,.theme-knob { position:absolute; border-radius:50%; }
.theme-sun { width:11px;height:11px;left:10px;top:10px;background:#ffc74a;box-shadow:0 0 12px rgba(255,199,74,.8); }
.theme-moon { width:12px;height:12px;right:9px;top:10px;background:#e3ecff;box-shadow:inset -4px -1px 0 #7087bb; }
.theme-knob { width:26px;height:26px;top:3px;left:4px;background:rgba(255,255,255,.94);box-shadow:0 5px 12px rgba(4,22,43,.2);transition:transform 420ms var(--ease),background 420ms var(--ease); }
html[data-theme="dark"] .theme-knob { transform:translateX(31px); background:#14284a; }

.hero-layout { position:relative; z-index:10; width:min(calc(100% - var(--page-pad) - var(--page-pad)),1580px); margin:0 auto; min-height:0; height:100%; display:grid; grid-template-columns:minmax(350px,1fr) minmax(250px,.62fr) minmax(350px,1fr); gap:clamp(12px,1.5vw,24px); align-items:center; padding:6px 0 34px; perspective:1400px; }
.event-card { --rx:0deg; --ry:0deg; --px:0px; --py:0px; position:relative; aspect-ratio:4/5; width:100%; max-height:min(60vh,650px); align-self:center; overflow:hidden; border-radius:clamp(24px,2vw,34px); isolation:isolate; transform:perspective(1300px) rotateX(var(--rx)) rotateY(var(--ry)); transition:transform 360ms var(--ease),box-shadow 420ms var(--ease),border-color 420ms var(--ease); box-shadow:0 30px 82px rgba(5,29,50,.26); border:1px solid rgba(255,255,255,.25); }
.event-card--forum { border-color:rgba(255,73,105,.75); }
.event-card--conference { border-color:rgba(60,226,230,.75); }
.event-card:hover { transform:perspective(1300px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(-5px); }
.event-card--forum:hover { box-shadow:0 38px 90px rgba(83,0,17,.45),0 0 48px rgba(255,46,87,.16); }
.event-card--conference:hover { box-shadow:0 38px 90px rgba(0,38,57,.44),0 0 48px rgba(42,229,225,.16); }
.event-art,.event-tint,.event-grid,.event-scan,.event-surface { position:absolute; inset:0; }
.event-art { background:center/cover no-repeat; transform:translate(var(--px),var(--py)) scale(1.045); transition:transform 520ms var(--ease),filter 700ms var(--ease); }
.event-card--forum .event-art { background-image:url('../assets/forum-october-2026.png'); }
.event-card--conference .event-art { background-image:url('../assets/conference-blue-green-4x5.png'); }
.event-card:hover .event-art { transform:translate(calc(var(--px)*1.2),calc(var(--py)*1.2)) scale(1.065); }
.event-tint { z-index:2; }
.event-card--forum .event-tint { background:linear-gradient(180deg,rgba(40,0,7,.16),rgba(38,0,7,.1) 38%,rgba(34,0,8,.5) 72%,rgba(24,0,6,.88)); }
.event-card--conference .event-tint { background:linear-gradient(180deg,rgba(0,26,39,.13),rgba(0,22,36,.08) 38%,rgba(0,22,35,.42) 72%,rgba(0,15,25,.87)); }
.event-grid { z-index:1; opacity:.18; background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px); background-size:32px 32px; mask-image:linear-gradient(to bottom,transparent 10%,black 46%,black 92%); }
.event-scan { z-index:3; opacity:0; background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.14) 49%,transparent 51%); transform:translateY(-100%); pointer-events:none; }
.event-card:hover .event-scan { opacity:.24; animation:scan 2.8s ease-in-out infinite; }
@keyframes scan { 0%{transform:translateY(-100%)} 70%,100%{transform:translateY(100%)} }
.event-surface { z-index:4; padding:clamp(15px,1.35vw,22px); color:#fff; display:flex; flex-direction:column; gap:12px; }
.card-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; padding:12px 14px; border:1px solid rgba(255,255,255,.18); border-radius:18px; background:linear-gradient(135deg,rgba(7,18,28,.52),rgba(7,18,28,.27)); -webkit-backdrop-filter:blur(16px) saturate(125%); backdrop-filter:blur(16px) saturate(125%); box-shadow:0 12px 34px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.08); }
.card-head > div { display:grid; gap:5px; }
.card-eyebrow { font-size:clamp(.78rem,.92vw,1rem); letter-spacing:.19em; font-weight:700; }
.card-location { font-size:.75rem; letter-spacing:.14em; opacity:.84; }
.status-pill { display:inline-flex; align-items:center; gap:9px; min-height:36px; padding:0 13px; border-radius:999px; border:1px solid rgba(255,255,255,.32); background:rgba(5,14,24,.27); backdrop-filter:blur(10px); font-size:.78rem; font-weight:700; white-space:nowrap; }
.status-pill i { width:9px;height:9px;border-radius:50%;background:#43e779;box-shadow:0 0 13px rgba(67,231,121,.8); }
.status-pill[data-status="live"] i { background:#ff405f;box-shadow:0 0 14px rgba(255,64,95,.85); animation:pulse 1.2s infinite; }
.status-pill[data-status="archive"] i { background:#9ab1c8;box-shadow:none; }
@keyframes pulse { 50%{transform:scale(1.5);opacity:.65} }
.date-row { display:flex; align-items:center; gap:14px; margin-top:clamp(8px,1.5vh,18px); width:max-content; max-width:100%; padding:13px 16px; border:1px solid rgba(255,255,255,.2); border-radius:20px; background:linear-gradient(135deg,rgba(6,17,27,.58),rgba(8,26,37,.31)); -webkit-backdrop-filter:blur(18px) saturate(130%); backdrop-filter:blur(18px) saturate(130%); box-shadow:0 16px 38px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.09); }
.date-day { font-size:clamp(4rem,4.9vw,5.45rem); line-height:.8; letter-spacing:-.055em; }
.date-month { white-space:pre-line; font-size:clamp(1.2rem,1.7vw,2rem); line-height:1.03; font-weight:600; }
.card-copy-block { margin-top:auto; max-width:96%; padding:16px 17px 15px; border:1px solid rgba(255,255,255,.2); border-radius:21px; background:linear-gradient(135deg,rgba(5,16,26,.68),rgba(7,24,35,.38)); -webkit-backdrop-filter:blur(20px) saturate(135%); backdrop-filter:blur(20px) saturate(135%); box-shadow:0 18px 42px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.1); }
.card-copy-block h2 { margin:0; font-size:clamp(1.35rem,1.95vw,2.35rem); line-height:1.06; letter-spacing:-.024em; text-wrap:balance; }
.card-copy-block p { margin:10px 0 0; font-size:clamp(.84rem,.94vw,1rem); line-height:1.4; color:rgba(255,255,255,.88); max-width:36ch; }
.card-actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:8px; }
.action-btn { appearance:none; font:inherit; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:46px; padding:0 17px; border-radius:999px; color:#fff; text-decoration:none; font-size:.85rem; font-weight:700; border:1px solid rgba(255,255,255,.62); background:rgba(255,255,255,.03); transition:transform 200ms ease,filter 200ms ease,background 200ms ease; }
.action-btn:hover { transform:translateY(-2px); filter:brightness(1.08); }
.event-card--forum .action-btn.primary { background:linear-gradient(90deg,#ee3155,#ff596f);border-color:#ff8a9b;box-shadow:0 10px 24px rgba(218,28,67,.28); }
.event-card--conference .action-btn.primary { background:linear-gradient(90deg,#21ad72,#66df75);border-color:#8df19b;box-shadow:0 10px 24px rgba(20,137,93,.26); }
.action-btn.register { min-height:52px; padding-inline:24px; font-size:.93rem; font-weight:800; letter-spacing:.015em; border-width:1px; position:relative; overflow:hidden; }
.action-btn.register::before { content:""; position:absolute; inset:-1px; border-radius:inherit; opacity:.22; background:linear-gradient(105deg,transparent 22%,rgba(255,255,255,.75) 48%,transparent 72%); transform:translateX(-120%); transition:transform .6s var(--ease); }
.action-btn.register:hover::before { transform:translateX(120%); }
.event-card--forum .action-btn.register { background:linear-gradient(90deg,#ff315c,#ff6b7e); border-color:#ff9aaa; box-shadow:0 13px 30px rgba(226,32,72,.38),0 0 0 1px rgba(255,255,255,.08) inset; }
.event-card--conference .action-btn.register { background:linear-gradient(90deg,#18b96e,#6ee778); border-color:#a0f2a9; box-shadow:0 13px 30px rgba(20,148,88,.34),0 0 0 1px rgba(255,255,255,.08) inset; }
.action-btn.locked { opacity:.86; background:rgba(5,14,24,.34); border-color:rgba(255,255,255,.42); box-shadow:none; }
.action-btn.locked:hover { opacity:1; background:rgba(5,14,24,.5); }
.action-icon { display:grid; place-items:center; width:18px; height:18px; flex:0 0 18px; }
.action-icon svg { width:18px; height:18px; stroke-width:1.9; }

.card-meta { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; padding-top:8px; border-top:1px solid rgba(255,255,255,.16); }
.card-meta article { min-width:0; display:grid; grid-template-columns:auto 1fr; gap:6px; align-items:start; padding-right:2px; }
.meta-icon { display:grid; place-items:center; width:25px;height:25px; }
.meta-icon svg { width:22px;height:22px;stroke-width:1.8; }
.card-meta div { min-width:0; }
.card-meta strong,.card-meta small { display:block; }
.card-meta strong { font-size:.62rem; letter-spacing:.06em; white-space:normal; overflow:visible; text-overflow:clip; line-height:1.15; text-wrap:balance; }
.card-meta small { margin-top:3px;font-size:.56rem;line-height:1.2;color:rgba(255,255,255,.76); }

.center-stage { position:relative; min-height:min(46vh,480px); display:block; pointer-events:none; transform:translate(var(--core-x),var(--core-y)); transition:transform 1000ms var(--ease); isolation:isolate; }
.core-backplate { position:absolute; width:min(120%,540px); aspect-ratio:1/1.02; border-radius:50%; background:
  radial-gradient(circle at 50% 42%,rgba(214,237,249,.38),rgba(182,219,239,.18) 44%,rgba(169,207,228,.05) 66%,transparent 76%);
  backdrop-filter:blur(12px) saturate(.74); -webkit-backdrop-filter:blur(12px) saturate(.74); opacity:.74; z-index:-2; box-shadow:0 0 60px rgba(113,191,237,.10); }
html[data-theme="dark"] .core-backplate { background:radial-gradient(circle at 50% 42%,rgba(7,29,55,.62),rgba(5,23,45,.38) 47%,rgba(4,18,36,.12) 68%,transparent 76%); opacity:.86; box-shadow:0 0 88px rgba(21,115,180,.11); }
.core-halo { position:absolute; z-index:-1; width:min(104%,490px); aspect-ratio:1; border-radius:50%; background:radial-gradient(circle,rgba(26,153,255,.14),rgba(39,235,165,.06) 42%,transparent 69%); filter:blur(2px); animation:breathe 5.8s ease-in-out infinite; }
@keyframes breathe { 50%{transform:scale(1.045);opacity:.74} }
.core-connectors { position:absolute; width:min(112%,500px); height:auto; overflow:visible; filter:drop-shadow(0 0 12px rgba(124,226,255,.27)); opacity:.8; }
.core-connectors .ring { fill:none; stroke:url(#ringGradient); stroke-width:1.45; opacity:.54; vector-effect:non-scaling-stroke; }
.core-connectors .ring-inner { opacity:.42; stroke-dasharray:4 8; animation:ringRotate 18s linear infinite; transform-origin:250px 276px; }
.core-connectors .ring-outer { stroke-dasharray:2 7; animation:ringRotate 28s linear reverse infinite; transform-origin:250px 276px; }
.core-connectors .connector { fill:none; stroke:rgba(233,250,255,.75); stroke-width:1.2; stroke-dasharray:3 7; animation:dashFlow 7s linear infinite; vector-effect:non-scaling-stroke; }
@keyframes ringRotate { to{transform:rotate(360deg)} }
@keyframes dashFlow { to{stroke-dashoffset:-60} }
.core-hotspots { position:relative; width:min(100%,455px); aspect-ratio:1/1.18; }
.health-node { position:absolute; width:122px;height:122px;border-radius:50%; display:grid; place-items:center; align-content:center; gap:6px; border:1px solid rgba(255,255,255,.46); color:#fff; background:linear-gradient(180deg,rgba(6,37,67,.54),rgba(7,27,49,.32)); backdrop-filter:blur(12px); cursor:pointer; box-shadow:0 0 0 1px rgba(255,255,255,.07),0 18px 44px rgba(0,23,43,.16); transition:transform 260ms var(--ease),box-shadow 260ms var(--ease),background 260ms var(--ease),opacity 260ms ease; }
.health-node::before { content:""; position:absolute; inset:-8px; border-radius:50%; border:1px solid currentColor; opacity:.14; }
.health-node--human { top:1%;left:50%;transform:translateX(-50%); color:#6bc8ff; box-shadow:0 0 36px rgba(31,160,255,.3); }
.health-node--animal { left:0;top:40%;color:#88ef8f;box-shadow:0 0 36px rgba(88,224,120,.24); }
.health-node--environment { right:0;top:40%;color:#75efbd;box-shadow:0 0 36px rgba(82,235,167,.24); }
.health-node:hover,.health-node:focus-visible { transform:scale(1.075);outline:none;background:rgba(9,50,75,.58); }
.health-node--human:hover,.health-node--human:focus-visible { transform:translateX(-50%) scale(1.075);box-shadow:0 0 52px rgba(31,160,255,.7); }
.health-node--animal:hover,.health-node--animal:focus-visible { box-shadow:0 0 52px rgba(88,224,120,.62); }
.health-node--environment:hover,.health-node--environment:focus-visible { box-shadow:0 0 52px rgba(82,235,167,.62); }
.node-icon { display:grid;place-items:center;width:34px;height:34px;color:#fff; }
.node-icon svg { width:31px;height:31px;stroke-width:1.8; }
.health-node > span:last-child { max-width:92px;text-align:center;font-size:.8rem;font-weight:750;line-height:1.16;color:#fff; }
.core-label { position:absolute; inset:34% 18% auto; min-height:178px; display:grid; place-items:center; align-content:center; text-align:center; color:#fff; text-shadow:0 2px 20px rgba(0,28,52,.42); border-radius:50%; background:radial-gradient(circle,rgba(4,31,57,.38),rgba(4,25,46,.16) 56%,transparent 72%); }
.core-label small { font-size:.67rem;letter-spacing:.2em;opacity:.84; }
.core-label strong { margin-top:8px;font-size:clamp(1.75rem,2.55vw,2.95rem);line-height:.94; }
.core-label span { margin-top:11px;font-size:.78rem;letter-spacing:.11em;text-transform:uppercase;opacity:.86;max-width:180px; }
.center-stage[data-focus="human"] .health-node:not(.health-node--human),.center-stage[data-focus="animal"] .health-node:not(.health-node--animal),.center-stage[data-focus="environment"] .health-node:not(.health-node--environment) { opacity:.4; }
.center-stage[data-focus] .core-halo { transform:scale(1.085);opacity:.97; }
.center-stage[data-focus="human"] .core-connectors { filter:drop-shadow(0 0 18px rgba(62,172,255,.46)); }
.center-stage[data-focus="animal"] .core-connectors,.center-stage[data-focus="environment"] .core-connectors { filter:drop-shadow(0 0 18px rgba(87,234,157,.42)); }


.core-graphic-wrap { position:relative; width:min(100%,430px); aspect-ratio:1/1; display:grid; place-items:center; }
.core-graphic { position:absolute; width:100%; height:auto; object-fit:contain; filter:drop-shadow(0 10px 28px rgba(18,65,111,.18)); transition:opacity 900ms var(--ease), transform 1100ms var(--ease), filter 900ms var(--ease); }
.core-graphic--light { opacity:1; transform:translateY(-4px) scale(1.02); }
.core-graphic--dark { opacity:0; transform:translateY(-4px) scale(1.02); }
html[data-theme="dark"] .core-graphic--light { opacity:0; }
html[data-theme="dark"] .core-graphic--dark { opacity:1; filter:drop-shadow(0 12px 30px rgba(46,174,255,.18)); }
.system-dock { position:relative; z-index:15; width:min(calc(100% - var(--page-pad) - var(--page-pad)),1580px); min-height:60px; margin:16px auto 10px; display:grid; grid-template-columns:minmax(210px,.9fr) 2fr minmax(360px,1.25fr); gap:16px; align-items:center; padding:7px 13px; color:#fff; border:1px solid rgba(255,255,255,.12); border-radius:22px; background:linear-gradient(180deg,rgba(5,20,34,.08),rgba(4,15,27,.22)); backdrop-filter:blur(10px); box-shadow:0 16px 36px rgba(1,14,26,.08); }
.dock-label,.dock-tagline { display:grid;gap:4px; }
.dock-label strong,.dock-tagline strong { font-size:.64rem;letter-spacing:.16em; }
.dock-label span,.dock-tagline span { font-size:.58rem;letter-spacing:.14em;opacity:.72; }
.dock-tagline { text-align:right; }
.dock-items { display:grid;grid-template-columns:repeat(3,1fr);gap:8px; }
.dock-item { display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:center;padding:5px 9px;border-right:1px solid rgba(255,255,255,.11); }
.dock-item:last-child { border-right:0; }
.dock-item > span { display:grid;place-items:center;width:29px;height:29px; }
.dock-item svg { width:25px;height:25px;stroke-width:1.7; }
.dock-item strong,.dock-item small { display:block; }
.dock-item strong { font-size:.68rem;letter-spacing:.03em; }
.dock-item small { margin-top:2px;font-size:.58rem;opacity:.68; }

@media (max-width:1260px) {
  .topbar { grid-template-columns:1fr auto 1fr; }
  .header-title { grid-column:2; grid-row:auto; margin-top:0; justify-self:center; text-align:center; }
  .brand { grid-row:1; }
  .controls { grid-row:1; }
  .hero-layout { grid-template-columns:minmax(300px,1fr) minmax(190px,.45fr) minmax(300px,1fr); align-items:center; }
  .center-stage { grid-column:auto; grid-row:auto; min-height:420px; order:0; display:block; }
  .core-hotspots { width:min(92vw,440px); }
  .event-card { max-height:min(60vh,620px); }
  .system-dock { grid-template-columns:1fr; text-align:center; }
  .dock-label,.dock-tagline { display:none; }
}
@media (max-width:780px) {
  :root { --page-pad:12px; }
  .topbar { min-height:84px; grid-template-columns:1fr; justify-items:center; padding-top:8px; }
  .brand { width:168px; }
  .header-title { grid-column:1; text-align:center; width:100%; max-width:100%; padding-top:4px; justify-self:center; }
  .header-title h1 { font-size:1.28rem;letter-spacing:.08em; }
  .header-title p { font-size:.68rem;letter-spacing:.08em;margin-top:5px; }
  .controls { gap:8px;padding:5px 6px 5px 8px; }
  .controls { display:flex; align-items:center; gap:12px; }
.controls--dock { padding:8px 10px; border-radius:999px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.18); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); box-shadow:0 12px 28px rgba(4,17,31,.12); }
html[data-theme="dark"] .controls--dock { background:rgba(7,20,37,.42); border-color:rgba(255,255,255,.14); box-shadow:0 14px 30px rgba(0,0,0,.2); }
.language-control { gap:5px; }
  .lang-btn { font-size:.68rem; }
  .theme-orbit { width:58px;height:32px; }
  .theme-knob { width:24px;height:24px; }
  html[data-theme="dark"] .theme-knob { transform:translateX(25px); }
  .hero-layout { grid-template-columns:1fr; min-height:auto; padding-top:10px; }
  .event-card--forum { order:1; }
  .center-stage { display:none; }
  .scene-atmosphere { opacity:.9; }
  .core-backplate { width:min(98vw,430px); }
  .core-graphic-wrap { width:min(92vw,360px); }
  .event-card--conference { order:3; }
  .event-card { border-radius:25px; }
  .card-copy-block h2 { font-size:clamp(1.35rem,6vw,2rem); }
  .card-meta strong { font-size:.58rem; }
  .card-meta small { font-size:.52rem; }
  .health-node { width:102px;height:102px; }
  .core-hotspots { width:min(100%,390px); }
  .system-dock { margin-top:4px; }
  .dock-items { grid-template-columns:1fr; }
  .dock-item { border-right:0;border-bottom:1px solid rgba(255,255,255,.1);text-align:left; }
  .dock-item:last-child { border-bottom:0; }
}
@media (max-width:480px) {
  .brand { width:145px; }
  .controls { display:flex; align-items:center; gap:12px; }
.controls--dock { padding:8px 10px; border-radius:999px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.18); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); box-shadow:0 12px 28px rgba(4,17,31,.12); }
html[data-theme="dark"] .controls--dock { background:rgba(7,20,37,.42); border-color:rgba(255,255,255,.14); box-shadow:0 14px 30px rgba(0,0,0,.2); }
.language-control { display:none; }
  .event-surface { padding:17px;gap:10px; }
  .status-pill { font-size:.66rem;min-height:32px;padding:0 10px; }
  .card-eyebrow { font-size:.68rem; }
  .date-day { font-size:3.65rem; }
  .date-month { font-size:1.3rem; }
  .card-actions { display:grid;grid-template-columns:1fr; }
  .action-btn { width:100%; }
  .card-meta { gap:4px; }
  .card-meta article { grid-template-columns:1fr;gap:4px; }
  .meta-icon { width:22px;height:22px; }
  .meta-icon svg { width:20px;height:20px; }
  .health-node--animal { left:0; }
  .health-node--environment { right:0; }
  .health-node { width:96px;height:96px; }
  .core-label { inset:35% 16% auto; }
  .core-connectors { width:106vw; }
}
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important; } }

@media (max-height: 860px) and (min-width: 1000px) {
  .topbar { min-height: 90px; padding: 10px 0 2px; }
  .header-title h1 { font-size: clamp(1.5rem,2.1vw,2.5rem); }
  .header-title p { margin-top: 8px; font-size: clamp(.72rem,.82vw,.92rem); }
  .hero-layout { gap: clamp(10px,1vw,18px); padding-bottom: 20px; }
  .event-card { max-height: min(55vh, 610px); }
  .event-surface { padding: 15px; gap: 10px; }
  .date-row { margin-top: 4px; }
  .date-day { font-size: clamp(3.8rem,4.3vw,4.9rem); }
  .date-month { font-size: clamp(1.05rem,1.35vw,1.55rem); }
  .card-copy-block h2 { font-size: clamp(1.2rem,1.55vw,1.95rem); }
  .card-copy-block p { font-size: clamp(.8rem,.82vw,.9rem); }
  .action-btn { min-height: 42px; font-size: .8rem; }
  .card-meta strong { font-size: .58rem; }
  .card-meta small { font-size: .5rem; }
  .center-stage { min-height: min(42vh, 420px); }
  .core-graphic-wrap { width: min(100%, 380px); }
  .system-dock { min-height: 60px; padding: 6px 12px; }
  .dock-item strong { font-size: .64rem; }
  .dock-item small { font-size: .54rem; }
}

.center-stage--empty,.center-stage--empty * { background:none !important; }
.center-stage--empty::before { content:""; position:absolute; inset:0; }
.core-backplate,.core-halo,.core-graphic-wrap,.core-graphic { display:none !important; }

@media (max-width: 1180px) {
  .hero-layout { grid-template-columns:1fr; gap:14px; }
  .system-dock { grid-template-columns:1fr; gap:12px; text-align:center; }
  .dock-label, .dock-items, .dock-tail, .dock-tagline { justify-self:center; }
  .dock-tail { flex-wrap:wrap; justify-content:center; }
}
@media (max-width: 760px) {
  .topbar { grid-template-columns:1fr; justify-items:center; text-align:center; min-height:88px; }
  .brand { max-width:420px; }
  .header-title { justify-self:center; }
  .system-dock { padding:10px 12px; }
  .controls--dock { order:1; }
}

@media (min-width: 1181px) {
  .hero-layout { align-items:center; }
  .event-card { margin-bottom:10px; }
  .system-dock { position:relative; }
}

body.modal-open { overflow:hidden; }
.info-modal { position:fixed; inset:0; z-index:100; display:grid; place-items:center; padding:24px; opacity:0; visibility:hidden; transition:opacity .25s ease,visibility .25s ease; }
.info-modal.is-open { opacity:1; visibility:visible; }
.info-modal__backdrop { position:absolute; inset:0; border:0; background:rgba(1,8,17,.58); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); cursor:pointer; }
.info-modal__panel { position:relative; width:min(92vw,520px); padding:30px 30px 28px; border-radius:28px; text-align:center; color:#ecf7ff; background:linear-gradient(180deg,rgba(12,36,60,.94),rgba(5,20,37,.96)); border:1px solid rgba(255,255,255,.18); box-shadow:0 30px 90px rgba(0,0,0,.38),0 0 40px rgba(69,180,255,.08); transform:translateY(14px) scale(.98); transition:transform .3s var(--ease); }
.info-modal.is-open .info-modal__panel { transform:none; }
.info-modal__icon { width:62px; height:62px; margin:0 auto 17px; border-radius:20px; display:grid; place-items:center; color:#fff; background:linear-gradient(145deg,#1a80cc,#1254a3); box-shadow:0 14px 36px rgba(27,112,190,.28); }
.info-modal__icon svg { width:30px; height:30px; stroke-width:1.7; }
.info-modal__panel h2 { margin:0; font-size:1.15rem; letter-spacing:.08em; }
.info-modal__panel p { margin:14px auto 22px; max-width:390px; font-size:1rem; line-height:1.55; color:rgba(236,247,255,.86); }
.info-modal__close { min-width:140px; min-height:46px; padding:0 22px; border:1px solid rgba(255,255,255,.28); border-radius:999px; color:#fff; background:rgba(255,255,255,.1); font:inherit; font-weight:750; cursor:pointer; transition:background .2s ease,transform .2s ease; }
.info-modal__close:hover { background:rgba(255,255,255,.17); transform:translateY(-1px); }


/* =========================================================
   v11 MOBILE / TABLET AUDIT OVERRIDES
   Desktop remains a no-scroll presentation. Mobile/tablet
   becomes a natural scrolling document with 4:5 cards.
   ========================================================= */

/* Keyboard focus and touch behavior */
.lang-btn:focus-visible,
.theme-switch:focus-visible,
.action-btn:focus-visible,
.info-modal__close:focus-visible,
.info-modal__backdrop:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
}
.action-btn,
.lang-btn,
.theme-switch,
.info-modal__close { touch-action: manipulation; }

/* The logo/title stay stable even when translated. */
.topbar { grid-template-columns: minmax(200px, .9fr) minmax(0, 1.7fr) minmax(200px, .9fr); }
.topbar::after { content:""; display:block; min-width:1px; }
.header-title { grid-column:2; justify-self:center; width:min(100%, 760px); }
.brand { grid-column:1; justify-self:start; }

/* Large desktop: cards are contained inside the viewport, with a clear gap above dock. */
@media (min-width:1181px) {
  body { overflow:hidden; }
  .app-shell { height:100svh; min-height:100vh; overflow:hidden; }
  .hero-layout {
    min-height:0;
    height:100%;
    padding-top:4px;
    padding-bottom:clamp(20px,2.8vh,34px);
  }
  .event-card { max-height:min(60vh,650px); }
  .system-dock { margin-top:12px; }
}

/* Medium landscape: preserve left / cathedral / right composition while it still fits. */
@media (min-width:961px) and (max-width:1180px) {
  body { overflow:hidden; }
  .app-shell { height:100svh; min-height:100vh; overflow:hidden; }
  .topbar { grid-template-columns:minmax(180px,.75fr) minmax(0,1.5fr) minmax(180px,.75fr); min-height:82px; }
  .brand { width:clamp(160px,18vw,220px); }
  .header-title { grid-column:2; grid-row:1; }
  .header-title h1 { font-size:clamp(1.35rem,2.4vw,2rem); }
  .header-title p { font-size:.7rem; letter-spacing:.11em; }
  .hero-layout {
    grid-template-columns:minmax(270px,1fr) minmax(150px,.42fr) minmax(270px,1fr);
    gap:clamp(10px,1.2vw,16px);
    height:100%;
    min-height:0;
    padding:2px 0 18px;
  }
  .center-stage { display:block; min-height:330px; }
  .event-card { max-height:min(57vh,560px); width:100%; }
  .system-dock {
    grid-template-columns:minmax(180px,.75fr) 1.6fr minmax(300px,1.1fr);
    gap:10px;
    min-height:56px;
    margin:8px auto 8px;
    padding:6px 10px;
  }
  .dock-label,.dock-tagline { display:grid; }
  .dock-item { padding:4px 6px; gap:6px; }
  .dock-item > span { width:24px; height:24px; }
  .dock-item svg { width:21px; height:21px; }
  .dock-item strong { font-size:.6rem; }
  .dock-item small { font-size:.51rem; }
  .controls--dock { padding:6px 8px; }
}

/* Portrait tablet / phone: scrolling is required and intentional. */
@media (max-width:960px) {
  html { scroll-behavior:smooth; }
  body {
    height:auto;
    min-height:100svh;
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior-y:auto;
    -webkit-overflow-scrolling:touch;
  }
  .app-shell {
    height:auto;
    min-height:100svh;
    overflow:visible;
    display:block;
    padding-bottom:max(8px, env(safe-area-inset-bottom));
  }
  .scene { position:fixed; }
  .topbar {
    width:min(calc(100% - 28px),760px);
    min-height:auto;
    grid-template-columns:1fr;
    justify-items:center;
    gap:8px;
    padding:max(12px,env(safe-area-inset-top)) 0 8px;
  }
  .topbar::after { display:none; }
  .brand {
    grid-column:1;
    grid-row:1;
    justify-self:center;
    width:clamp(150px,45vw,230px);
  }
  .header-title {
    grid-column:1;
    grid-row:2;
    width:100%;
    max-width:700px;
    padding:0;
    margin:0;
    text-align:center;
  }
  .header-title h1 { font-size:clamp(1.35rem,5.6vw,2rem); line-height:1.05; letter-spacing:.075em; }
  .header-title p { margin-top:6px; font-size:clamp(.68rem,2.4vw,.85rem); line-height:1.35; letter-spacing:.09em; }
  .hero-layout {
    width:min(calc(100% - 24px),680px);
    height:auto;
    min-height:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:18px;
    padding:12px 0 18px;
    perspective:none;
  }
  .event-card--forum { order:1; }
  .event-card--conference { order:2; }
  .center-stage { display:none !important; }
  .event-card {
    width:min(100%,620px);
    max-width:620px;
    max-height:none !important;
    height:auto;
    aspect-ratio:4 / 5;
    margin:0 !important;
    border-radius:clamp(22px,5vw,30px);
    transform:none !important;
  }
  .event-card:hover { transform:none !important; }
  .event-art,
  .event-card:hover .event-art { transform:scale(1.035); }
  .event-surface { padding:clamp(17px,4vw,24px); gap:11px; }
  .card-head { gap:9px; }
  .status-pill { min-height:38px; }
  .date-row { margin-top:clamp(8px,2vh,18px); }
  .date-day { font-size:clamp(4rem,15vw,5.6rem); }
  .date-month { font-size:clamp(1.25rem,5.4vw,1.85rem); }
  .card-copy-block h2 { font-size:clamp(1.45rem,5.8vw,2.25rem); }
  .card-copy-block p { font-size:clamp(.88rem,3.3vw,1.02rem); }
  .action-btn { min-height:50px; }
  .action-btn.register { min-height:54px; font-size:.95rem; }
  .card-meta { gap:6px; }
  .card-meta strong { font-size:clamp(.58rem,2.2vw,.7rem); }
  .card-meta small { font-size:clamp(.52rem,1.9vw,.62rem); }

  /* Compact mobile dock: keep language/theme accessible and preserve event identity. */
  .system-dock {
    width:min(calc(100% - 24px),680px);
    margin:4px auto max(12px,env(safe-area-inset-bottom));
    min-height:0;
    display:flex;
    flex-direction:column;
    gap:10px;
    align-items:center;
    padding:11px 12px;
    border-radius:20px;
  }
  .dock-items { display:none; }
  .dock-label { display:grid; order:2; justify-items:center; text-align:center; gap:3px; }
  .dock-label strong { font-size:.66rem; letter-spacing:.14em; }
  .dock-label span { font-size:.58rem; letter-spacing:.12em; }
  .dock-tail { order:1; width:100%; display:flex; align-items:center; justify-content:center; gap:10px; }
  .dock-tagline { display:none; }
  .controls--dock {
    min-height:48px;
    padding:6px 9px;
    background:rgba(5,20,34,.28);
  }
  .language-control { display:flex !important; }
  .lang-btn { min-width:42px; min-height:36px; font-size:.72rem; }
  .theme-orbit { width:62px; height:34px; }
  .theme-knob { width:26px; height:26px; }
  html[data-theme="dark"] .theme-knob { transform:translateX(27px); }

  .info-modal {
    padding:max(16px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));
  }
  .info-modal__panel { width:min(100%,480px); max-height:calc(100dvh - 32px); overflow:auto; padding:26px 20px 22px; border-radius:24px; }
  .info-modal__close { min-height:48px; }
}

@media (max-width:520px) {
  :root { --page-pad:12px; }
  .hero-layout { width:calc(100% - 20px); gap:14px; padding-top:8px; }
  .event-card { width:100%; aspect-ratio:auto; min-height:clamp(540px,145vw,620px); }
  .card-head { align-items:flex-start; }
  .card-head > div { min-width:0; }
  .card-eyebrow { font-size:.66rem; letter-spacing:.13em; }
  .card-location { font-size:.64rem; letter-spacing:.1em; }
  .status-pill { flex:0 0 auto; max-width:48%; min-height:34px; padding:0 9px; font-size:.64rem; white-space:normal; line-height:1.15; text-align:center; }
  .date-day { font-size:clamp(3.7rem,17vw,4.8rem); }
  .date-month { font-size:clamp(1.15rem,5.8vw,1.5rem); }
  .card-copy-block h2 { font-size:clamp(1.3rem,6.6vw,1.8rem); line-height:1.06; }
  .card-actions { display:grid; grid-template-columns:1fr; gap:9px; }
  .action-btn { width:100%; min-height:50px; }
  .card-meta { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 8px; }
  .card-meta article { grid-template-columns:26px minmax(0,1fr); }
  .meta-icon { width:24px; height:24px; }
  .meta-icon svg { width:21px; height:21px; }
  .card-meta strong { font-size:.63rem; }
  .card-meta small { font-size:.56rem; }
  .system-dock { width:calc(100% - 20px); }
  .info-modal__icon { width:54px; height:54px; border-radius:17px; }
  .info-modal__panel h2 { font-size:1rem; }
  .info-modal__panel p { font-size:.95rem; }
}

@media (max-width:360px) {
  .topbar { width:calc(100% - 18px); }
  .brand { width:142px; }
  .header-title h1 { font-size:1.22rem; }
  .header-title p { font-size:.64rem; }
  .hero-layout { width:calc(100% - 14px); }
  .event-surface { padding:14px; }
  .status-pill { font-size:.6rem; max-width:52%; }
  .date-day { font-size:3.5rem; }
  .date-month { font-size:1.08rem; }
  .card-copy-block h2 { font-size:1.22rem; }
  .card-copy-block p { font-size:.8rem; }
  .action-btn { font-size:.8rem; }
  .system-dock { width:calc(100% - 14px); }
}

/* Landscape phones: use scrollable two-column cards when practical. */
@media (max-height:520px) and (orientation:landscape) and (max-width:960px) {
  .topbar { grid-template-columns:auto 1fr; width:calc(100% - 24px); padding:8px 0 4px; }
  .brand { grid-column:1; grid-row:1; width:130px; }
  .header-title { grid-column:2; grid-row:1; text-align:left; }
  .header-title h1 { font-size:1.05rem; }
  .header-title p { font-size:.58rem; margin-top:3px; }
  .hero-layout { width:calc(100% - 24px); max-width:none; display:grid; grid-template-columns:1fr 1fr; align-items:start; gap:12px; }
  .event-card { width:100%; max-width:none; }
  .system-dock { width:calc(100% - 24px); }
}


/* FORUM CARD ARTWORK UPDATE */
.event-card--forum .event-art {
  background-position:center center;
}

@media (min-width:961px) {
  .event-card--forum .event-art {
    transform:translate(var(--px),var(--py)) scale(1.012);
  }
  .event-card--forum:hover .event-art {
    transform:translate(calc(var(--px) * 1.15), calc(var(--py) * 1.15)) scale(1.028);
  }
}

@media (max-width:960px) {
  .event-card--forum .event-art,
  .event-card--forum:hover .event-art {
    transform:scale(1.01);
    background-position:center center;
  }
}

/* 2026-09-29 premium card polish: equal information architecture + partner identities */
.event-surface{min-height:0;overflow:hidden}
.event-logo-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:7px;border:1px solid rgba(255,255,255,.20);border-radius:16px;background:linear-gradient(135deg,rgba(5,16,26,.70),rgba(7,24,35,.42));-webkit-backdrop-filter:blur(18px) saturate(130%);backdrop-filter:blur(18px) saturate(130%);box-shadow:0 14px 34px rgba(0,0,0,.16)}
.event-logo-rail span{height:38px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:rgba(255,255,255,.96);padding:4px 6px;overflow:hidden}
.event-logo-rail img{display:block;max-width:100%;max-height:100%;object-fit:contain}
.card-copy-block{margin-top:auto;max-width:100%}
.card-actions{margin-top:0}
@media (min-width:1101px){.event-card{aspect-ratio:auto;height:min(64vh,690px);max-height:none}.hero-layout{align-items:center}.event-surface{gap:9px}.card-head{padding:10px 12px}.date-row{padding:0 2px}.card-copy-block{padding:13px 15px 12px}.card-copy-block h2{font-size:clamp(1.18rem,1.48vw,1.82rem);line-height:1.07}.card-copy-block p{margin-top:7px;font-size:clamp(.76rem,.76vw,.88rem);line-height:1.32;max-width:none}.event-logo-rail span{height:34px}.action-btn{min-height:38px;padding:9px 12px}.card-meta{padding-top:6px}.card-meta article{gap:4px}.card-meta strong{font-size:.56rem}.card-meta small{font-size:.49rem}}
@media (max-width:1100px){.event-logo-rail span{height:42px}}
@media (max-width:620px){.event-logo-rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.event-logo-rail span{height:42px}.event-card{min-height:690px}}


/* 2026-10-01 October event identity + attribution */
.event-motto{font-size:clamp(.58rem,.67vw,.76rem);font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#ffe45f;margin:0 0 8px;line-height:1.35;text-shadow:0 2px 14px rgba(0,0,0,.5)}
.event-card--forum{border-color:rgba(255,174,45,.58)}
.event-card--forum:hover{box-shadow:0 38px 90px rgba(0,49,62,.42),0 0 48px rgba(255,166,30,.16)}
.event-card--forum .event-tint{background:linear-gradient(180deg,rgba(0,48,61,.08),rgba(0,43,55,.12) 38%,rgba(0,35,45,.48) 72%,rgba(0,24,32,.90))}
.event-card--forum .action-btn.register{background:linear-gradient(90deg,#f18b24,#f6b72f);border-color:#ffd56b;box-shadow:0 13px 30px rgba(241,139,36,.28),0 0 0 1px rgba(255,255,255,.08) inset;color:#10232c}
.dock-powered{font-size:.52rem!important;letter-spacing:.08em!important;opacity:.78!important;text-transform:none}
.card-actions .action-btn{white-space:normal;text-align:center;line-height:1.15}
@media(max-width:620px){.event-motto{font-size:.6rem;letter-spacing:.08em;margin-bottom:6px}.card-actions .action-btn{font-size:.72rem;padding-left:9px;padding-right:9px}}