@font-face{font-family:Logo;src:url('/assets/fonts/logo.otf') format('opentype');font-display:swap}:root{--bg:#343b42;--dark:#202428;--card:#22272b;--text:#f5f5f5;--muted:#b8bec3;--yellow:#f2c83f;--cyan:#93d9f5;--line:rgba(255,255,255,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;border-top:3px solid var(--yellow);background:var(--bg);color:var(--text);font-family:Poppins,sans-serif}a{color:inherit;text-decoration:none}
.ucp-nav{position:absolute;z-index:20;top:3px;left:0;right:0;width:min(1300px,calc(100% - 48px));height:104px;margin:auto;display:flex;align-items:center;justify-content:space-between}.ucp-brand{font:800 30px Poppins,sans-serif;font-style:italic;letter-spacing:-.07em}.ucp-brand span{color:var(--yellow)}.ucp-nav nav{display:flex;align-items:center;gap:29px}.ucp-nav nav a,.ucp-nav nav button{border:0;background:none;color:#aeb3b8;font:700 17px 'Poppins',sans-serif;text-transform:uppercase;cursor:pointer}.ucp-nav nav a:hover,.ucp-nav nav button:hover{color:#fff}.ucp-nav nav .store{color:var(--cyan)}.ucp-nav nav i{margin-right:7px}.menu-toggle{display:none;border:0;background:none;color:white;font-size:23px}
.ucp-hero{position:relative;height:585px;display:grid;place-items:center;overflow:hidden;background:url('ucp-hero-v2.png') center bottom/cover no-repeat}.ucp-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,9,11,.34),rgba(7,9,11,.06) 55%,#343b42 100%)}.hero-copy{position:relative;width:min(930px,calc(100% - 38px));padding-top:112px;text-align:center;text-shadow:0 2px 14px #000}.hero-kicker{display:none}.hero-copy h1{margin:0 0 40px;font:400 clamp(30px,3vw,39px) Poppins,sans-serif;text-transform:uppercase;letter-spacing:-.02em}.hero-copy p{max-width:920px;margin:0 auto;color:#f1f2f3;font-size:13px;font-weight:600;line-height:1.65}.hero-login{margin-top:24px;padding:12px 19px;border:1px solid #f2c83f88;border-radius:4px;background:#171a1dcf;color:var(--yellow);font-weight:800;cursor:pointer}.hero-login i{margin-right:7px}
.ucp-content{width:min(1060px,calc(100% - 40px));margin:auto;padding:39px 0 70px}.content-top{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:29px}.small-title{display:block;margin-bottom:8px;font-size:13px;font-weight:700}.socials{display:flex;gap:8px;flex-wrap:wrap}.socials a{padding:8px 12px;border-radius:3px;font-size:12px;font-weight:600}.facebook{background:#4ea5d7}.discord{background:#555b62}.youtube{background:#f0535c}.tiktok{background:#f5f5f5;color:#15181a}.online{display:flex;align-items:baseline;gap:7px;white-space:nowrap;font-family:Poppins,sans-serif}.online>span{font-size:20px;font-weight:500}.online strong{color:var(--yellow);font-size:25px;font-weight:500}.online small{font-size:23px;font-weight:500}
.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.info-grid article{min-height:245px;padding:14px 10px 7px;border-radius:7px;background:#222629;display:flex;flex-direction:column}.info-grid h2{margin:0 0 7px;font:400 22px Poppins,sans-serif;text-transform:uppercase;letter-spacing:-.035em}.info-grid h2 i{margin-right:7px}.red{color:#ff5864}.green{color:#6adb76}.blue{color:#58bfe8}.info-grid p{margin:0 0 18px;color:#f0f1f2;font-size:12px;font-weight:500;line-height:1.62}.info-grid article>a{margin-top:auto;padding:9px;border-top:1px solid rgba(255,255,255,.07);border-radius:3px;background:#3a4148;text-align:center;font-size:11px;font-weight:700}.info-grid article>a:hover{background:#454d55}
footer{min-height:125px;padding:28px max(25px,calc((100vw - 1300px)/2));display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;background:#202428;color:#879098;font-size:10px}footer>div{display:flex;flex-direction:column;gap:5px}footer>span{text-align:center}footer>div:last-child{text-align:right}
.modal{position:fixed;z-index:200;inset:0;display:grid;place-items:center;visibility:hidden;opacity:0;transition:opacity .2s}.modal.open{visibility:visible;opacity:1}.modal-backdrop{position:absolute;inset:0;background:rgba(16,20,23,.91)}.login-panel{position:relative;width:min(340px,calc(100% - 30px));overflow:hidden;border:1px solid rgba(255,255,255,.04);border-radius:10px;background:#3a4147;box-shadow:0 24px 80px #000b;transform:translate3d(0,-110vh,0);text-align:left}.modal.open .login-panel{animation:loginVideoDrop 1.1s ease-out both}.login-head{height:70px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08)}.login-close{width:21px;height:21px;padding:0;border:0;border-radius:50%;background:#202428;color:#e6e7e8;font-size:11px;cursor:pointer}.login-brand{font:800 25px Poppins,sans-serif;font-style:italic;letter-spacing:-.06em}.login-brand span{color:var(--yellow)}.login-panel form{margin:0;padding:14px 16px 0;text-align:left}.login-panel label{display:block;margin:0 0 15px}.login-panel label>span{display:block;margin:0 0 5px;color:#e1e3e5;font-size:10px;font-weight:700;text-transform:uppercase}.login-panel label>span i{margin-right:3px}.login-panel label>div{height:40px;display:flex;align-items:center;border:1px solid rgba(255,255,255,.08);border-radius:4px;background:#22272b}.login-panel label div>i{width:39px;text-align:center;color:#d4d7d9}.login-panel input{width:100%;height:100%;border:0;outline:0;background:none;color:#fff;font:600 12px Poppins,sans-serif}.login-panel input::placeholder{color:#737b81}.login-panel label small{display:block;margin-top:5px;color:#aab0b5;font-size:9px}.forgot-link{display:block;margin:-2px 0 8px;color:#a9d9ee;font-size:9px;text-align:center}.login-submit{margin:0 -16px;padding:12px;border-top:1px solid rgba(255,255,255,.08)}.login-submit button{width:100%;height:38px;border:0;border-radius:4px;background:var(--yellow);color:#1a1b1c;font:700 12px Poppins,sans-serif;cursor:pointer}.login-submit button i{margin-right:7px}.login-message{margin:0 16px;font-size:10px}.login-message.error{margin-top:10px;padding:8px;border:1px solid #ff596455;background:#ff596412;color:#ff9299}.modal-open{overflow:hidden}@keyframes loginVideoDrop{0%{opacity:0;transform:translate3d(0,-110vh,0)}27%{opacity:1;transform:translate3d(0,-117px,0)}34%{transform:translate3d(0,-20px,0)}50%{transform:translate3d(0,-64px,0)}68%{transform:translate3d(0,-6px,0)}77%{transform:translate3d(0,-26px,0)}87%{transform:translate3d(0,-2px,0)}100%{opacity:1;transform:translate3d(0,0,0)}}
@media(max-width:900px){.menu-toggle{display:block}.ucp-nav nav{display:none;position:absolute;top:75px;right:0;width:230px;padding:20px;background:#12171b;flex-direction:column;align-items:flex-start}.ucp-nav nav.open{display:flex}.content-top{align-items:flex-start;flex-direction:column}.online{align-self:flex-end}.info-grid{grid-template-columns:1fr}.info-grid article{min-height:190px;padding:22px}.ucp-hero{height:570px}}
@media(max-width:560px){.ucp-nav{height:70px;width:calc(100% - 28px)}.ucp-brand{font-size:25px}.hero-copy{padding-top:70px}.hero-copy h1{margin-bottom:20px;font-size:34px}.hero-copy p{font-size:12px}.ucp-content{padding-top:25px}.online{align-self:flex-start}.online>span{font-size:17px}.online strong{font-size:24px}footer{grid-template-columns:1fr;text-align:center;gap:18px}footer>div,footer>div:last-child{text-align:center}}
.ucp-brand,.login-brand{font-family:Logo,Poppins,sans-serif;font-style:normal;font-weight:400;letter-spacing:-.02em}

/* UCP fejléc – teljes szélességű, városi háttérre simuló referenciasáv. */
@media(min-width:901px){
  .ucp-nav{top:15px;left:0;right:0;width:100%;max-width:none;height:92px;margin:0;padding:0 max(28px,calc((100vw - 1330px)/2));background:transparent;border:0;box-shadow:none;backdrop-filter:none}
  .ucp-brand{font-size:31px;line-height:1;color:#fff;text-shadow:0 2px 8px #000}
  .ucp-nav nav{flex-grow:1;flex-shrink:0;justify-content:flex-end;margin-left:auto;gap:29px;font-family:'Bebas Neue',sans-serif;font-size:18px}
  .ucp-nav nav a,.ucp-nav nav button{padding:0;font-family:'Bebas Neue',sans-serif;font-size:1.2em;font-weight:400;line-height:92px;letter-spacing:0;color:#aeb3b8;text-shadow:0 2px 7px #000;white-space:nowrap}
  .ucp-nav nav .store{color:#93d9f5}
}