/*
Theme Name: Sidebloom Coming Soon
Theme URI: https://sidebloom.com
Author: Sidebloom
Description: Pagina sito in costruzione con sfondo video animato
Version: 2.0.0
*/
*{margin:0;padding:0;box-sizing:border-box}
html,body{height:100%}
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  background:#050a22;
  color:#fff;
  overflow:hidden;
  -webkit-font-smoothing:antialiased;
}
.bg-video{
  position:fixed;inset:0;width:100vw;height:100vh;
  object-fit:cover;z-index:0;
  background:linear-gradient(135deg,#0a2a5e 0%,#050a22 55%,#0e4c8c 100%);
}
.bg-fallback{
  position:fixed;inset:0;z-index:-1;
  background:linear-gradient(135deg,#0a2a5e 0%,#050a22 55%,#0e4c8c 100%);
}
.overlay{
  position:fixed;inset:0;z-index:1;
  background:radial-gradient(ellipse at center,rgba(5,10,34,0) 40%,rgba(5,10,34,.45) 100%);
  pointer-events:none;
}
.wrap{
  position:relative;z-index:2;
  min-height:100vh;min-height:100dvh;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:24px;
}
.logo{
  width:min(340px,72vw);
  aspect-ratio:5/1;object-fit:contain;
  filter:drop-shadow(0 4px 24px rgba(0,0,0,.35));
}
.tag{
  margin-top:28px;font-size:clamp(15px,2.2vw,19px);
  font-weight:300;letter-spacing:.12em;text-transform:uppercase;
  color:rgba(255,255,255,.85);
}
.sub{
  margin-top:10px;font-size:clamp(13px,1.8vw,15px);
  font-weight:300;color:rgba(255,255,255,.55);
}
.actions{
  margin-top:44px;display:flex;gap:14px;flex-wrap:wrap;justify-content:center;
}
.btn{
  display:inline-block;padding:13px 30px;border-radius:999px;
  font-size:14px;font-weight:500;letter-spacing:.04em;text-decoration:none;
  transition:all .25s ease;
}
.btn-primary{background:#fff;color:#0a1440}
.btn-primary:hover{background:#8ed8ff;transform:translateY(-2px)}
.btn-ghost{border:1px solid rgba(255,255,255,.4);color:#fff}
.btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.08);transform:translateY(-2px)}
.footer{
  position:fixed;bottom:0;left:0;right:0;z-index:2;
  padding:20px 24px;text-align:center;
  font-size:12px;font-weight:300;color:rgba(255,255,255,.45);letter-spacing:.03em;
}
.footer a{color:rgba(255,255,255,.6);text-decoration:none}
.footer a:hover{color:#fff}
@media (prefers-reduced-motion: reduce){
  .bg-video{display:none}
}
@media (max-height:560px){
  .footer{position:static;margin-top:32px}
  body{overflow:auto}
}