#event-popup,#event-popup *{box-sizing:border-box}#event-popup{position:fixed;inset:0;z-index:480;display:grid;place-items:center;padding:20px;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s ease}#event-popup.is-visible{opacity:1;visibility:visible}.event-popup-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.82);backdrop-filter:blur(7px)}.event-popup-dialog{position:relative;padding:0;width:min(760px,100%);max-height:calc(100vh - 32px);display:grid;grid-template-columns:minmax(230px,.8fr) minmax(330px,1.2fr);overflow:auto;border:1px solid var(--green-deep);background:linear-gradient(145deg,rgba(8,20,11,.98),rgba(3,8,5,.99));color:var(--text);box-shadow:0 0 0 1px rgba(110,255,79,.06),0 30px 100px #000;transform:translateY(22px) scale(.97);transition:transform .42s cubic-bezier(.2,.8,.2,1);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px))}.is-visible .event-popup-dialog{transform:none}.event-popup-dialog::before{content:'';position:absolute;z-index:4;left:0;top:0;width:100px;height:4px;background:linear-gradient(90deg,var(--green),var(--cyan))}.event-popup-close{position:absolute;z-index:6;right:12px;top:11px;width:38px;height:38px;border:1px solid var(--green-dim);background:rgba(3,8,5,.92);color:var(--green);font:22px var(--f-mono);cursor:pointer;transition:transform .2s,border-color .2s}.event-popup-close:hover{transform:rotate(90deg);border-color:var(--green)}.event-popup-visual{position:relative;min-height:365px;display:grid;place-items:center;padding:34px 20px;background:radial-gradient(circle at 50% 48%,rgba(53,224,224,.13),transparent 55%),#050a07;border-right:1px solid var(--line);overflow:hidden}.event-popup-visual::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(110,255,79,.025) 3px,rgba(110,255,79,.025) 4px);pointer-events:none}.event-popup-visual::after{content:'MUNDO HACKER';position:absolute;left:17px;bottom:14px;color:var(--cyan);font:800 8px var(--f-mono);letter-spacing:.16em}.event-popup-visual img{position:relative;width:min(270px,100%);height:auto;border:1px solid rgba(53,224,224,.22);background:#020705;box-shadow:0 0 38px rgba(53,224,224,.12)}.event-popup-content{position:relative;padding:clamp(35px,5vw,52px) clamp(25px,4vw,44px) 34px;display:flex;flex-direction:column;justify-content:center}.event-popup-kicker{display:flex;align-items:center;gap:8px;margin-bottom:14px;color:var(--cyan);font-size:9px;font-weight:800;letter-spacing:.16em}.event-popup-kicker::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);animation:eventPopupPulse 1.5s ease-in-out infinite}.event-popup-content h2{font:clamp(27px,4vw,42px)/1.08 var(--f-display);letter-spacing:-.02em;margin:0}.event-popup-content h2 span{display:block;color:var(--green)}.event-popup-description{margin:18px 0;color:var(--text-dim);font-size:11px;line-height:1.75}.event-popup-meta{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:23px}.event-popup-meta span{padding:7px 9px;border:1px solid var(--line);background:rgba(110,255,79,.035);color:var(--text-dim);font-size:8px;font-weight:700;letter-spacing:.06em}.event-popup-action{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;background:var(--green);color:#031006;font-size:11px;font-weight:800;letter-spacing:.05em;box-shadow:5px 5px 0 rgba(110,255,79,.14);transition:transform .2s,box-shadow .2s}.event-popup-action:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 rgba(110,255,79,.14)}.event-popup-action span{font-size:17px}.event-popup-foot{margin-top:13px;color:var(--text-faint);font-size:8px;text-align:center}@keyframes eventPopupPulse{50%{opacity:.35;transform:scale(.75)}}@media(max-width:670px){#event-popup{padding:12px}.event-popup-dialog{grid-template-columns:1fr;width:min(420px,100%)}.event-popup-visual{min-height:205px;padding:24px 70px 19px;border-right:0;border-bottom:1px solid var(--line)}.event-popup-visual img{width:min(190px,100%)}.event-popup-visual::after{font-size:7px}.event-popup-content{padding:27px 22px 25px}.event-popup-description{margin:13px 0}.event-popup-meta{margin-bottom:18px}}@media(max-height:680px) and (min-width:671px){.event-popup-dialog{max-height:94vh}.event-popup-visual{min-height:310px}.event-popup-content{padding-top:30px;padding-bottom:28px}}