*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#050812;color:#fff;font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #78fff1;outline-offset:5px}:root{--neon:#5cf5e0;--darkness:.35;--intensity:.5;--logoSize:410px}#stage{position:relative;min-height:100svh;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 60% 30%,#14366c,#070916 65%)}#video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-7;filter:saturate(1.2)}.shade{position:absolute;inset:0;background:rgba(0,0,0,var(--darkness));z-index:-6}.vignette{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#02050b75,transparent 25%,transparent 60%,#02050bd9),radial-gradient(ellipse,transparent 20%,#02050b88)}.effect{position:absolute;inset:0;pointer-events:none;z-index:-3;opacity:var(--intensity);display:none;width:100%;height:100%}.fog{inset:-35%;width:170%;height:170%;background:radial-gradient(ellipse at 25% 65%,color-mix(in srgb,var(--neon) 32%,transparent),transparent 42%),radial-gradient(ellipse at 75% 40%,#a045e44d,transparent 35%);filter:blur(55px);animation:fog 18s ease-in-out infinite alternate}.beams{inset:-50%;width:200%;height:200%;background:conic-gradient(from 170deg at 50% 0%,transparent 0deg,var(--neon) 5deg,transparent 9deg,transparent 20deg,#aa5eff77 24deg,transparent 29deg,transparent 50deg,var(--neon) 54deg,transparent 59deg,transparent 360deg);mix-blend-mode:screen;filter:blur(12px);animation:beams 12s ease-in-out infinite alternate}.grain{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.25' d='M0 0h180v180H0z'/%3E%3C/svg%3E");mix-blend-mode:soft-light}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;gap:20px}.wordmark{font-weight:900;font-size:29px;letter-spacing:-2px}.wordmark span{color:var(--neon);font-weight:400;font-size:12px;letter-spacing:4px;margin-left:9px}.header-note{font-size:10px;letter-spacing:4px;color:#c4d3e1;position:absolute;left:50%;transform:translateX(-50%)}.admin-link{color:#c9d1dc;font-size:13px;border:1px solid #ffffff26;border-radius:30px;padding:10px 15px;backdrop-filter:blur(15px)}.admin-link:hover{border-color:var(--neon);color:var(--neon)}.hero{min-height:calc(100svh - 185px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px 24px 35px}.eyebrow{font-size:10px;letter-spacing:5px;color:#d1efe8;margin:0 0 18px}.eyebrow i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--neon);box-shadow:0 0 12px var(--neon);margin-right:10px}#logoWrap{width:min(var(--logoSize),75vw);max-height:49svh;display:grid;place-items:center;animation:arrive 1.4s ease both}#logo{max-width:100%;max-height:45svh;object-fit:contain;filter:drop-shadow(0 9px 25px #0009)}#logo.float{animation:float 7s ease-in-out infinite}#logo.pulse{animation:pulse 3.5s ease-in-out infinite}#tagline{font-size:clamp(15px,1.5vw,20px);font-weight:400;letter-spacing:1px;color:#e1e6ef;margin:22px 0 28px;text-shadow:0 2px 12px #000}.enter{display:flex;align-items:center;justify-content:space-between;gap:45px;padding:19px 25px;border:1px solid color-mix(in srgb,var(--neon) 75%,white);border-radius:5px;background:#071b20aa;backdrop-filter:blur(15px);color:#fff;font-size:12px;font-weight:700;letter-spacing:2px;box-shadow:0 0 30px color-mix(in srgb,var(--neon) 12%,transparent);transition:.25s}.enter span{font-size:24px;line-height:15px;color:var(--neon)}.enter:hover{background:var(--neon);color:#051314;box-shadow:0 0 45px color-mix(in srgb,var(--neon) 35%,transparent);transform:translateY(-3px)}.enter:hover span{color:#051314}.under-button{font-size:8px;letter-spacing:2.5px;color:#acb6c5;margin-top:18px}.entry-notice{font-size:12px;max-width:360px;background:#051119cc;border:1px solid #ffffff22;padding:12px}footer{min-height:85px;padding:20px 5.5%;display:flex;align-items:center;justify-content:space-between;gap:22px;color:#a1aabb;font-size:9px;letter-spacing:1.5px}footer b{color:var(--neon);padding:0 9px}.playback{display:flex;gap:8px}.playback button{background:#07101b70;color:#bfc9d5;border:1px solid #ffffff22;border-radius:25px;padding:9px 12px;font-size:10px;backdrop-filter:blur(12px)}.video-error{position:fixed;bottom:90px;left:20px;right:20px;background:#34200ee8;color:#ffe3b7;padding:15px;z-index:4;font-size:13px}.effects-paused .effect{display:none!important}.effects-paused #logo{animation:none!important}.effects-paused *{scroll-behavior:auto}dialog{width:min(920px,94vw);max-height:90svh;background:#0b111bd9;backdrop-filter:blur(35px);color:#edf5fb;border:1px solid #52627277;border-radius:18px;padding:32px;box-shadow:0 30px 100px #000c}dialog::backdrop{background:#02050bc9;backdrop-filter:blur(7px)}.admin-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.kicker{font-size:9px;letter-spacing:3px;color:var(--neon)}h1{font-size:28px;letter-spacing:-1px;margin:12px 0}h2{font-size:12px;color:var(--neon);font-weight:400;letter-spacing:2px;display:flex;gap:15px}h2 span{color:#fff;font-size:17px;letter-spacing:0}.close{background:none;border:1px solid #ffffff25;border-radius:50%;color:#fff;width:36px;height:36px;font-size:25px}.admin-info,small{color:#a4b1c1;font-size:12px;line-height:1.7}.admin-section{border-top:1px solid #ffffff15;padding:20px 0}.logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.logo-choice{padding:8px;background:#050810;border:1px solid #ffffff20;border-radius:8px;color:#9bafc2;display:flex;flex-direction:column;gap:8px;align-items:center;font-size:10px}.logo-choice img{height:95px;width:100%;object-fit:contain}.logo-choice.selected{border-color:var(--neon);box-shadow:0 0 0 1px var(--neon);color:#fff}.admin-section label{display:block;margin:18px 0;color:#c5d0dc;font-size:12px}.admin-section output{float:right;color:var(--neon)}input[type=range]{display:block;width:100%;margin:14px 0;accent-color:var(--neon)}input[type=text],select{display:block;width:100%;background:#040b13;color:#fff;border:1px solid #ffffff25;border-radius:6px;padding:12px;margin-top:8px}input[type=color]{display:block;width:70px;height:38px;margin-top:9px;background:none;border:0}.upload{border:1px dashed #657d9377;padding:14px;border-radius:8px;cursor:pointer}.upload input{display:block;font-size:11px;margin-top:10px;max-width:100%}.admin-actions{position:sticky;bottom:-32px;background:#0b111bf5;padding:20px 0 12px;display:flex;flex-wrap:wrap;gap:10px;border-top:1px solid #ffffff22}.admin-actions button{border-radius:6px;padding:13px 17px;font-size:12px}.secondary{background:#16202b;color:#c9d5e1;border:1px solid #ffffff22}.save{background:var(--neon);color:#06221f;border:0;font-weight:bold;margin-left:auto}#status{font-size:12px;color:var(--neon)}@keyframes fog{to{transform:translate(8%,-5%) rotate(12deg)}}@keyframes beams{to{transform:rotate(22deg)}}@keyframes float{50%{transform:translateY(-9px)}}@keyframes pulse{50%{filter:drop-shadow(0 0 23px var(--neon))}}@keyframes arrive{from{opacity:0;transform:translateY(25px) scale(.96)}to{opacity:1;transform:none}}@media(max-width:650px){header{height:80px;padding:0 6%}.header-note{display:none}.hero{min-height:calc(100svh - 210px)}.footer-right{display:none}footer{flex-direction:column;gap:16px;padding-bottom:25px}.logo-grid{grid-template-columns:repeat(2,1fr)}dialog{padding:22px}h1{font-size:23px}.admin-actions{bottom:-22px}.save{margin-left:0;flex:1}.under-button{font-size:7px;letter-spacing:1.5px}}@media(prefers-reduced-motion:reduce){.fog,.beams,#logo{animation:none!important}}
/* Logóanimációk: az admin sebességszabályzója minden mozgásra hat. */
.enter{justify-content:center;gap:0;min-width:265px}
#logo.float{animation:float calc(7s * var(--animationRate,1)) ease-in-out infinite}
#logo.pulse{animation:pulse calc(3.5s * var(--animationRate,1)) ease-in-out infinite}
#logo.beat{animation:beat calc(.8s * var(--animationRate,1)) ease-out infinite}
#logo.heartbeat{animation:heartbeat calc(1.35s * var(--animationRate,1)) ease-in-out infinite}
#logo.vibrate{animation:vibrate calc(.22s * var(--animationRate,1)) linear infinite}
#logo.shake{animation:shake calc(1.2s * var(--animationRate,1)) ease-in-out infinite}
#logo.bounce{animation:bounce calc(1.1s * var(--animationRate,1)) ease-in-out infinite}
#logo.swing{animation:swing calc(2.6s * var(--animationRate,1)) ease-in-out infinite;transform-origin:50% 35%}
#logo.zoom{animation:zoom calc(6s * var(--animationRate,1)) ease-in-out infinite}
#logo.flicker{animation:flicker calc(3s * var(--animationRate,1)) linear infinite}
@keyframes beat{0%,100%{transform:scale(1)}12%{transform:scale(1.065)}30%{transform:scale(.988)}50%{transform:scale(1.012)}}
@keyframes heartbeat{0%,42%,100%{transform:scale(1)}12%{transform:scale(1.07);filter:drop-shadow(0 0 16px var(--neon))}24%{transform:scale(1.01)}32%{transform:scale(1.045)}}
@keyframes vibrate{0%,100%{transform:translate(0)}20%{transform:translate(-1px,1px)}40%{transform:translate(1px,-1px)}60%{transform:translate(-1px,-1px)}80%{transform:translate(1px,1px)}}
@keyframes shake{0%,32%,100%{transform:translateX(0) rotate(0)}6%{transform:translateX(-4px) rotate(-1deg)}12%{transform:translateX(4px) rotate(1deg)}18%{transform:translateX(-3px) rotate(-.7deg)}24%{transform:translateX(2px) rotate(.5deg)}}
@keyframes bounce{0%,100%{transform:translateY(0) scale(1)}45%{transform:translateY(-17px) scale(1.025)}80%{transform:translateY(2px) scale(1.015,.985)}}
@keyframes swing{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}
@keyframes zoom{0%,100%{transform:scale(.97)}50%{transform:scale(1.035)}}
@keyframes flicker{0%,34%,42%,100%{filter:drop-shadow(0 9px 25px #0009)}36%,40%{filter:drop-shadow(0 0 20px var(--neon)) brightness(1.16)}38%{filter:drop-shadow(0 0 7px var(--neon))}}
@media(prefers-reduced-motion:reduce){#logo.float,#logo.pulse,#logo.beat,#logo.heartbeat,#logo.vibrate,#logo.shake,#logo.bounce,#logo.swing,#logo.zoom,#logo.flicker{animation:none!important}}

[hidden]{display:none!important}

.header-note{max-width:55%;overflow-wrap:anywhere;text-align:center}.eyebrow,.under-button,#tagline{max-width:100%;overflow-wrap:anywhere}.enter{max-width:100%;white-space:normal;text-align:center;overflow-wrap:anywhere}

/* Fejléc saját embléma */
header .wordmark{display:flex;align-items:center;flex-shrink:0;align-self:stretch}header .wordmark img{display:block;width:94px;height:90px;object-fit:contain;margin:0;filter:drop-shadow(0 0 8px #5cf5e018)}@media(max-width:650px){header .wordmark img{width:72px;height:72px}}