.event_card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;overflow:hidden;width:100%;max-width:400px;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between;height:100%;min-height:100%;box-shadow:0 4px 20px rgba(0,0,0,.08);transition:all .3s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.event_card:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,0,0,.12)}.img{flex-shrink:0;height:220px;position:relative;overflow:hidden}.img img{transition:transform .3s ease}.event_card:hover .img img{transform:scale(1.05)}.content{padding:24px;display:flex;flex-direction:column;justify-content:space-around;flex-grow:1;color:#2c3e50}.content h2{font-size:22px;line-height:1.4;margin:0 0 16px;color:#2c3e50;font-weight:600}.datezone h3,.location h3,.timezone h3{color:#f39c12;text-transform:uppercase;font-weight:600;font-size:12px;letter-spacing:.5px;margin:0 0 8px}.datezone h2,.location h2,.timezone h2{color:#2c3e50;margin:0 0 4px;font-size:18px;font-weight:500}.location p,.timezonare{color:#7f8c8d;margin:0 0 16px;font-size:14px;font-weight:400}.location p{text-transform:capitalize}.mainh{display:flex;gap:16px;margin:16px 0}.mainh .inner{width:50%}.mainh .inner .ant-qrcode{padding:0;width:100%!important;margin-top:0!important}.mainh h4{color:#2c3e50;margin:0 0 8px;font-size:16px;font-weight:600}.mainh p{color:#5a6c7d;font-size:14px;margin:0;line-height:1.4}.register-button{display:flex;justify-content:center;align-items:center;margin-top:16px}.register-button .custom-btn{height:44px;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500;background:#f39c12;border-color:#f39c12;border-radius:8px;transition:all .3s ease}.register-button .custom-btn:hover{background:#e67e22;border-color:#e67e22;transform:translateY(-1px)}@media (max-width:768px){.event_card{max-width:100%}.content{padding:20px}.content h2{font-size:20px}.datezone h2,.location h2,.timezone h2{font-size:16px}.mainh{flex-direction:column;gap:12px}.mainh .inner{width:100%}}@media (max-width:480px){.content{padding:16px}.content h2{font-size:18px}.datezone h2,.location h2,.timezone h2{font-size:15px}}