:root{--bg:#090014;--pink:#ff2bd6;--cyan:#00f5ff;--yellow:#f7ff00;--ink:#fff}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow-x:hidden}body{font-family:Inter,system-ui,sans-serif;background:linear-gradient(180deg,#120024,#070012);color:var(--ink)}main{min-height:100vh;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:30px;padding:32px}.city{height:80vh;display:flex;align-items:end;gap:18px;filter:drop-shadow(0 0 22px var(--pink))}.city i{display:block;width:30%;background:linear-gradient(var(--cyan),var(--pink));clip-path:polygon(0 20%,30% 20%,30% 0,60% 0,60% 35%,100% 35%,100% 100%,0 100%);animation:pulse 1.2s alternate infinite}.city i:nth-child(1){height:45%}.city i:nth-child(2){height:75%;animation-delay:.2s}.city i:nth-child(3){height:58%;animation-delay:.4s}.copy p:first-child{color:var(--cyan);font-weight:1000;text-transform:uppercase}h1{position:relative;margin:0;font-size:clamp(7rem,22vw,16rem);line-height:.78;text-shadow:5px 0 var(--pink),-5px 0 var(--cyan);animation:glitch .8s infinite}h2{max-width:720px;margin:24px 0 0;font-size:clamp(2rem,5vw,4.6rem);line-height:.95}.copy p:last-of-type{max-width:560px;color:#cdb8e8;line-height:1.8}.btn{display:inline-flex;margin-top:18px;padding:15px 22px;background:var(--yellow);color:#111;text-decoration:none;font-weight:1000;clip-path:polygon(8% 0,100% 0,92% 100%,0 100%)}.btn:hover{transform:skewX(-8deg);box-shadow:0 0 28px var(--yellow)}@keyframes pulse{to{filter:hue-rotate(50deg);transform:translateY(-12px)}}@keyframes glitch{50%{transform:translateX(3px)}}@media(max-width:820px){main{grid-template-columns:1fr}.city{height:260px}.copy{order:-1}}