/* public.towers.cx — Liquid Glass + Brisbane theme (shared). Loaded after each page's inline styles. 2026-10-22 */
html{background:#1f6fc4;color-scheme:dark}
html body{background:transparent!important;min-height:100vh;position:relative}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(55% 45% at 12% 90%,rgba(150,70,255,.20),transparent 70%),radial-gradient(45% 40% at 92% 10%,rgba(255,110,60,.14),transparent 70%),linear-gradient(to bottom,rgba(10,40,100,.20),rgba(10,30,70,.06) 40%,rgba(10,20,50,.10) 70%,rgba(20,10,50,.28)),url("/assets/bg-coast.jpg?v=5") center/cover no-repeat;
  background:radial-gradient(55% 45% at 12% 90%,rgba(150,70,255,.20),transparent 70%),radial-gradient(45% 40% at 92% 10%,rgba(255,110,60,.14),transparent 70%),linear-gradient(to bottom,rgba(10,40,100,.20),rgba(10,30,70,.06) 40%,rgba(10,20,50,.10) 70%,rgba(20,10,50,.28)),image-set(url("/assets/bg-coast.webp?v=5") type("image/webp"),url("/assets/bg-coast.jpg?v=5") type("image/jpeg")) center/cover no-repeat}
body{color:#fff}
h1{text-shadow:0 2px 6px rgba(0,25,70,0.68),0 6px 30px rgba(0,25,70,0.68)}
.lede,main>p,.note{color:#fff!important;text-shadow:0 1px 3px rgba(0,20,60,0.92),0 2px 14px rgba(0,20,60,0.68)}

/* glass material */
.card,.sysinfo div,header,footer,.back,.links a,.lg-glass{
  background:linear-gradient(150deg,rgba(255,255,255,.13) 0%,rgba(40,70,120,0.36) 45%,rgba(8,18,40,0.58) 100%)!important;
  -webkit-backdrop-filter:blur(6px) saturate(175%) brightness(.92)!important;backdrop-filter:blur(6px) saturate(175%) brightness(.92)!important;
  border:0!important;
  box-shadow:0 22px 55px -14px rgba(5,15,40,0.90),0 6px 18px -6px rgba(5,15,40,0.60),inset 0 1px 0 rgba(255,255,255,.6),inset 0 0 0 1px rgba(255,255,255,.22),inset 0 -1px 0 rgba(255,255,255,.12),inset 0 0 26px rgba(255,255,255,.07)!important}
.card,.sysinfo div{position:relative;isolation:isolate;border-radius:24px!important}
.card::before,.sysinfo div::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;z-index:2;
  background:linear-gradient(140deg,rgba(255,255,255,.9),rgba(255,255,255,.22) 30%,rgba(255,255,255,.04) 55%,rgba(255,255,255,.4) 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.card::after,.sysinfo div::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:1;
  background:radial-gradient(140% 60% at 30% -10%,rgba(255,255,255,.20),rgba(255,255,255,0) 60%)}
.card>*,.sysinfo div>*{position:relative;z-index:3}
.card{transition:transform .3s cubic-bezier(.2,.8,.2,1.2)}
.card:hover{transform:translateY(-3px)}
.sysinfo div{border-radius:16px!important}
.card h2,.card .ip,.card .host{text-shadow:0 1px 3px rgba(0,15,40,0.75)}
.card-label,.sysinfo dt{color:rgba(255,255,255,.82)!important}
.card p.desc,.host-note{color:rgba(255,255,255,.9)!important}
.host.muted{color:rgba(255,255,255,.75)!important}
pre{background:rgba(4,10,25,0.66)!important;color:#fff!important;border-radius:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 0 0 1px rgba(255,255,255,.08)}

/* glass pill buttons */
.btn,button.btn{border:0!important;color:#fff!important;
  background:linear-gradient(135deg,rgba(255,255,255,.30),rgba(255,255,255,.10))!important;
  -webkit-backdrop-filter:blur(3px) saturate(190%);backdrop-filter:blur(3px) saturate(190%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 0 0 1px rgba(255,255,255,.38),0 6px 16px -6px rgba(0,15,40,0.83)!important;
  text-shadow:0 1px 2px rgba(0,15,40,0.68);transition:background .2s,color .2s,transform .2s}
.btn:hover,.btn:focus-visible,button.btn:hover{background:#fff!important;color:#0b2a4f!important;text-shadow:none;transform:scale(1.03)}

/* back link as a small floating glass pill */
.back{color:#fff!important;padding:.6rem 1.1rem;border-radius:999px!important;font-size:.72rem!important}
.back:hover{background:rgba(255,255,255,.3)!important}

/* form fields */
input[type=text],select{background:rgba(6,14,32,0.62)!important;color:#fff!important;border:0!important;
  -webkit-backdrop-filter:blur(4px) saturate(170%);backdrop-filter:blur(4px) saturate(170%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 0 0 1px rgba(255,255,255,.28),0 6px 16px -8px rgba(0,15,40,0.75)}
input[type=text]::placeholder{color:rgba(255,255,255,.6)}
input[type=text]:focus,select:focus{outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 0 0 2px rgba(255,255,255,.85)}
select option{background:#0d1d3a;color:#fff}

/* error pages (header / main / footer layout from /style.css) */
header,footer{margin:1.25rem auto;width:max-content;max-width:calc(100% - 2rem);border-radius:999px!important;padding:.6rem 1.2rem!important;color:#fff!important;text-shadow:0 1px 2px rgba(0,15,40,0.68)}
.err-code{color:rgba(255,255,255,.9)!important;text-shadow:0 1px 3px rgba(0,20,60,0.90)}
main p{color:#fff}
.links a{border-radius:999px!important;color:#fff!important}
.links a:hover{background:#fff!important;color:#0b2a4f!important}
.links li:empty{display:none}

@media (max-width:600px){.btn{justify-content:center}}
@media (prefers-reduced-motion:reduce){.card,.btn{transition:none}}

/* free text over the busy background sits on a dark glass chip for legibility */
.lede,main>p:not(.err-code),.note{display:table;padding:.6rem 1.05rem!important;border-radius:14px;
  background:linear-gradient(150deg,rgba(255,255,255,.08),rgba(6,14,32,0.75))!important;
  -webkit-backdrop-filter:blur(4.5px) saturate(170%);backdrop-filter:blur(4.5px) saturate(170%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 0 0 1px rgba(255,255,255,.14),0 8px 22px -10px rgba(0,15,40,0.83)}
.err-code{display:table;padding:.35rem .8rem;border-radius:999px;background:rgba(6,14,32,0.68);-webkit-backdrop-filter:blur(3.5px);backdrop-filter:blur(3.5px)}
.sysinfo div{padding:1rem 1.3rem!important}
.sysinfo code{color:#fff!important}

/* ---- paul.towers.cx additions: same v4 material adapted to this site's markup ---- */
.hero,.hero-page,.hero-products,.hero-contact,.hero-status,.band,.band-alt,.band-img{background:none!important;border-top:0!important}
.nav,.nav-solid{background:none!important}
/* glass panels */
.hero .content,.band-inner,.nav-menus,.mnav>summary{
  background:linear-gradient(150deg,rgba(255,255,255,.13) 0%,rgba(40,70,120,0.36) 45%,rgba(8,18,40,0.58) 100%)!important;
  -webkit-backdrop-filter:blur(6px) saturate(175%) brightness(.92)!important;backdrop-filter:blur(6px) saturate(175%) brightness(.92)!important;
  box-shadow:0 22px 55px -14px rgba(5,15,40,0.90),0 6px 18px -6px rgba(5,15,40,0.60),inset 0 1px 0 rgba(255,255,255,.6),inset 0 0 0 1px rgba(255,255,255,.22),inset 0 -1px 0 rgba(255,255,255,.12),inset 0 0 26px rgba(255,255,255,.07)!important}
.hero .content{border-radius:28px;padding:clamp(1.5rem,3.5vw,2.75rem);margin-left:auto;margin-right:auto}
.band-inner{border-radius:28px;padding:clamp(1.5rem,3.5vw,2.75rem);max-width:56rem;margin-left:auto;margin-right:auto}
.band-wide .band-inner{max-width:none}
.hero .content .lede,.band-inner .lede{display:block;padding:0!important;background:none!important;box-shadow:none!important;-webkit-backdrop-filter:none;backdrop-filter:none}
.hero p,.band-inner p,.band li{color:#fff}
.band li{color:rgba(255,255,255,.92)!important}
.band li,.band-inner p,.hero p{text-shadow:0 1px 2px rgba(0,15,40,0.68)}
/* headings and labels sitting directly on the background */
.band-wide>h2,.band>h2{text-shadow:0 2px 6px rgba(0,25,70,0.68),0 6px 30px rgba(0,25,70,0.68)}
.band-wide>.band-num,.band-wide>.band-tag,.band-wide>.band-sub,.band-wide>p{display:table;padding:.5rem 1rem;border-radius:14px;color:#fff!important;
  background:linear-gradient(150deg,rgba(255,255,255,.08),rgba(6,14,32,0.75))!important;
  -webkit-backdrop-filter:blur(4.5px) saturate(170%);backdrop-filter:blur(4.5px) saturate(170%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 0 0 1px rgba(255,255,255,.14),0 8px 22px -10px rgba(0,15,40,0.83);text-shadow:0 1px 3px rgba(0,20,60,0.92)}
.band-num{color:rgba(255,255,255,.85)!important}
.card-brand{color:rgba(255,255,255,.85)!important}
.card p:not(.card-brand){color:rgba(255,255,255,.92)!important}
.card h3{text-shadow:0 1px 3px rgba(0,15,40,0.75)}
/* nav: floating glass pill bar (desktop), glass button (mobile) */
.nav{padding-top:1rem!important}
.nav-menus{padding:.15rem 1.5rem!important;border-radius:999px;align-items:center;margin-left:auto;margin-right:auto}
.nav-menus a,.menu-trigger{text-shadow:0 1px 2px rgba(0,15,40,0.68)}
.menu ol,.nav .mnav-list{background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(6,14,32,0.92))!important;
  -webkit-backdrop-filter:blur(6px) saturate(170%);backdrop-filter:blur(6px) saturate(170%);border:0!important;
  box-shadow:0 22px 55px -14px rgba(5,15,40,0.90),inset 0 1px 0 rgba(255,255,255,.45),inset 0 0 0 1px rgba(255,255,255,.18)!important}
.mnav>summary{border-radius:999px!important;padding:0 .9rem!important}
/* contact form fields */
.field input,.field textarea{background:rgba(6,14,32,0.62)!important;color:#fff!important;border:0!important;
  -webkit-backdrop-filter:blur(4px) saturate(170%);backdrop-filter:blur(4px) saturate(170%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 0 0 1px rgba(255,255,255,.28),0 6px 16px -8px rgba(0,15,40,0.75)}
.field input:focus,.field textarea:focus{outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 0 0 2px rgba(255,255,255,.85)!important}
.field label{color:#fff!important}
.field .opt{color:rgba(255,255,255,.7)!important}
.more{text-shadow:0 1px 3px rgba(0,20,60,0.92)}
.socials .btn{text-transform:none}
footer{background:linear-gradient(150deg,rgba(255,255,255,.13) 0%,rgba(40,70,120,0.36) 45%,rgba(8,18,40,0.58) 100%)!important;color:#fff!important}