body{margin:0;font-family:system-ui,sans-serif;background:#0a0a0a;color:white}.bg-animated{position:fixed;inset:0;background-image:url(/roof-bg.jpg);background-size:cover;background-position:50%;animation:slowZoom 30s ease-in-out infinite;z-index:-3}@keyframes slowZoom{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.bg-overlay{position:fixed;inset:0;background:radial-gradient(circle at center,rgba(0,0,0,.55),rgba(0,0,0,.92));z-index:-2}.glass{background:rgba(255,255,255,.06);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:18px}.chrome{border:1px solid rgba(192,192,192,.25);box-shadow:0 0 20px rgba(192,192,192,.08)}@keyframes floatUp{0%{transform:translateY(0);opacity:0}10%{opacity:.6}to{transform:translateY(-120vh);opacity:0}}.particle{position:fixed;bottom:-20px;width:6px;height:6px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(192,192,192,.2);animation:floatUp linear infinite;z-index:-1}.p1{left:10%;animation-duration:20s}.p2{left:30%;animation-duration:25s}.p3{left:60%;animation-duration:18s}.p4{left:85%;animation-duration:28s}