:root{--bg:#100818;--ink:#fff3dc;--orange:#ff8a1d;--purple:#3b1a54;--muted:#c9adc9}*{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(#12051f,#05020a);color:var(--ink)}main{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:32px;width:min(1120px,calc(100% - 32px));margin:auto}.night{position:relative;min-height:540px;border-radius:8px;background:linear-gradient(#27113a,#0b0611);overflow:hidden}.moon{position:absolute;right:13%;top:12%;width:140px;height:140px;border-radius:50%;background:#ffe8a3;box-shadow:0 0 50px #ffe8a3}.night span{position:absolute;color:#111;font-size:5rem;animation:bat 3s ease-in-out infinite}.night span:nth-of-type(1){left:20%;top:22%}.night span:nth-of-type(2){left:45%;top:35%;animation-delay:.6s}.pumpkin{position:absolute;left:14%;bottom:12%;width:210px;height:150px;border-radius:45%;background:var(--orange);box-shadow:inset 30px 0 rgba(0,0,0,.12),inset -30px 0 rgba(0,0,0,.12)}.copy p:first-child{color:var(--orange);font-weight:950;text-transform:uppercase}h1{font-size:clamp(7rem,20vw,15rem);line-height:.8;margin:0}h2{font-family:Georgia,serif;font-size:clamp(2.2rem,5vw,4.6rem);line-height:1;margin:18px 0}.copy p:last-of-type{color:var(--muted);line-height:1.8}.btn{display:inline-flex;margin-top:18px;padding:15px 22px;background:var(--orange);color:#130713;text-decoration:none;font-weight:950;border-radius:8px}.btn:hover{filter:brightness(1.15);transform:translateY(-4px)}@keyframes bat{50%{transform:translate(28px,-18px) rotate(12deg)}}@media(max-width:820px){main{grid-template-columns:1fr;padding:46px 0}.night{min-height:300px}.copy{order:-1}}