/*
Theme Name: Urban Beats Events
Theme URI: https://example.com/
Author: Urban Beats Events
Description: Dark neon DJ and event entertainment WordPress theme inspired by the supplied DJ-store reference. Editable with the WordPress Customizer and Gutenberg.
Version: 1.0.0
Requires at least: 6.0
License: GPL-2.0-or-later
Text Domain: urban-beats-events
*/
:root{--ube-bg:#070812;--ube-card:#0d1020;--ube-purple:#9b3cff;--ube-pink:#ff2fbe;--ube-text:#f5f4ff;--ube-muted:#a9acc2;--ube-line:#252943}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ube-bg);color:var(--ube-text);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}.ube-container{max-width:1200px;margin:auto;padding-left:24px;padding-right:24px}
.ube-top{height:30px;border-bottom:1px solid var(--ube-line);font-size:11px;color:#c9cad7;display:flex;justify-content:center;align-items:center}.ube-nav{position:sticky;top:0;z-index:50;background:rgba(7,8,18,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--ube-line)}.ube-nav-inner{display:flex;align-items:center;gap:28px;padding-top:15px;padding-bottom:15px}.ube-logo{font-weight:900;letter-spacing:4px;font-size:22px}.ube-logo span{color:var(--ube-purple)}.ube-logo small{display:block;font-size:8px;letter-spacing:5px;color:#9b9db0;margin-left:33px;margin-top:-2px}.ube-menu{margin-left:auto;display:flex;gap:25px;font-size:12px;text-transform:uppercase}.ube-menu a:hover{color:#bd6cff}
.ube-hero{min-height:570px;position:relative;overflow:hidden;background:radial-gradient(circle at 72% 45%,rgba(156,52,255,.3),transparent 25%),radial-gradient(circle at 90% 35%,rgba(255,38,190,.22),transparent 22%),linear-gradient(110deg,#090b15,#090b16 52%,#121026)}.ube-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,8,18,.98) 0%,rgba(7,8,18,.78) 42%,rgba(7,8,18,.15) 100%)}.ube-hero-art{position:absolute;right:0;top:0;width:65%;height:100%;opacity:.9;background:radial-gradient(ellipse at 70% 50%,rgba(125,41,255,.65),transparent 18%),radial-gradient(ellipse at 78% 38%,rgba(255,35,190,.5),transparent 13%),repeating-linear-gradient(90deg,transparent 0 9px,rgba(100,90,255,.06) 10px 12px)}.ube-hero-content{position:relative;z-index:2;padding-top:105px;padding-bottom:105px}.ube-kicker{color:#a957ff;font-size:11px;font-weight:800;letter-spacing:2px}.ube-hero h1{font-size:clamp(44px,7vw,78px);line-height:.95;margin:18px 0 20px;max-width:650px}.ube-gradient{color:#a83fff}.ube-lead{max-width:560px;color:#c2c4d4;line-height:1.7}.ube-buttons{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.ube-btn{display:inline-block;padding:14px 22px;border-radius:6px;font-size:12px;font-weight:800;text-transform:uppercase;border:1px solid #33364e}.ube-primary{background:linear-gradient(90deg,#8c36ff,#c13cff);border:0}.ube-btn:hover{transform:translateY(-2px)}
.ube-stats{position:relative;z-index:4;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#292b42;border:1px solid #292b42;margin-top:-45px}.ube-stat{padding:22px;background:#0b0d19}.ube-stat b{display:block;font-size:12px}.ube-stat span{color:#898ca3;font-size:10px}.ube-section{padding-top:75px;padding-bottom:75px}.ube-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.ube-head h2{font-size:34px;margin:8px 0}.ube-muted{color:var(--ube-muted)}
.ube-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.ube-card{background:linear-gradient(160deg,#111426,#0a0c17);border:1px solid #282b42;border-radius:8px;padding:24px;min-height:190px;position:relative;overflow:hidden}.ube-card:before{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-30px;top:-30px;background:radial-gradient(circle,rgba(166,57,255,.4),transparent 65%)}.ube-icon{font-size:30px}.ube-card h3{font-size:16px;margin:30px 0 8px}.ube-card p{font-size:12px;color:#9295ab;line-height:1.6}.ube-about{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.ube-visual{height:360px;border-radius:12px;border:1px solid #2c2e48;background:radial-gradient(circle at 65% 40%,#c433ff33,transparent 16%),radial-gradient(circle at 45% 55%,#543bff55,transparent 20%),linear-gradient(135deg,#101326,#05060d)}.ube-about h2{font-size:40px;margin:10px 0 20px}.ube-check{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.ube-check div{font-size:12px;color:#c6c8d7}.ube-check div:before{content:"✓";color:#bd5cff;margin-right:8px}.ube-cta{margin:20px auto 75px;padding:50px 40px;border:1px solid #343652;border-radius:14px;background:radial-gradient(circle at 75% 50%,rgba(184,45,255,.25),transparent 28%),linear-gradient(110deg,#0d1020,#15102a);text-align:center}.ube-cta h2{font-size:38px;margin:0 0 12px}.ube-footer{border-top:1px solid var(--ube-line);background:#05060d}.ube-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:35px;padding-top:45px;padding-bottom:45px}.ube-footer h4{margin:0 0 16px}.ube-footer a,.ube-footer p{display:block;color:#9699ad;font-size:12px;line-height:2}.ube-copy{border-top:1px solid #1d1f31;text-align:center;padding:18px;color:#666a80;font-size:10px}
@media(max-width:800px){.ube-menu{display:none}.ube-stats{grid-template-columns:1fr 1fr;margin-top:0}.ube-grid{grid-template-columns:1fr 1fr}.ube-about{grid-template-columns:1fr}.ube-footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.ube-grid,.ube-stats,.ube-footer-grid{grid-template-columns:1fr}.ube-hero h1{font-size:48px}.ube-cta{padding:35px 20px}}