:root{
  --nauti-blue:#00aaff;
  --nauti-blue-2:#005dff;
  --nauti-dark:#02050c;
  --nauti-panel:#061326;
  --nauti-gold:#d4ad43;
}

/* Electric blue Nauti website vibe */
html,body{
  background:
    radial-gradient(circle at 70% 5%, rgba(0,120,255,.22), transparent 34%),
    radial-gradient(circle at 10% 20%, rgba(0,180,255,.10), transparent 28%),
    linear-gradient(180deg,#02050c,#050810 45%,#02050c) !important;
  color:#f5f7fb !important;
}

body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:
    linear-gradient(135deg, transparent 30%, rgba(0,120,255,.09), transparent 62%),
    radial-gradient(circle at 50% 0%, rgba(0,160,255,.16), transparent 35%);
  filter:blur(.2px);
}

header, .header, nav, .navbar, .topbar{
  background:rgba(2,5,12,.88) !important;
  border-color:rgba(0,150,255,.35) !important;
  backdrop-filter:blur(14px);
}

section, .section, .card, .artist-card, .gallery-card, .panel, .portfolio-card{
  border-color:rgba(0,150,255,.28) !important;
}

h1,h2,h3,.section-title,.hero-title{
  text-shadow:0 0 18px rgba(0,140,255,.20) !important;
}

a, .accent, .highlight{
  color:var(--nauti-blue) !important;
}

button, .button, .btn, .cta, input[type="submit"]{
  border-color:rgba(0,170,255,.65) !important;
}

.btn-primary, .primary, .cta-primary, .button-primary, button.primary{
  background:linear-gradient(180deg,var(--nauti-blue),var(--nauti-blue-2)) !important;
  color:white !important;
  box-shadow:0 0 24px rgba(0,140,255,.85), inset 0 0 18px rgba(255,255,255,.08) !important;
  border-color:#38c4ff !important;
}

img{
  max-width:100%;
}

/* Big homepage app feature */
.nauti-app-feature{
  margin:34px auto;
  width:min(1120px,calc(100% - 28px));
  padding:26px;
  border-radius:28px;
  display:grid;
  grid-template-columns:140px 1fr auto;
  gap:22px;
  align-items:center;
  text-decoration:none !important;
  background:
    radial-gradient(circle at 20% 50%,rgba(0,160,255,.32),transparent 30%),
    linear-gradient(180deg,#061326,#02050c);
  border:2px solid #0b8fff;
  box-shadow:
    0 0 20px #0b8fff,
    0 0 65px rgba(0,120,255,.75),
    inset 0 0 35px rgba(0,140,255,.18);
  animation:nautiBluePulse 1.85s infinite alternate;
}

.nauti-app-feature img{
  width:128px;
  height:128px;
  object-fit:contain;
  filter:drop-shadow(0 0 20px rgba(0,140,255,.95));
}

.nauti-app-feature small{
  display:block;
  color:#9edbff;
  letter-spacing:.42em;
  font-weight:900;
  text-transform:uppercase;
}

.nauti-app-feature strong{
  display:block;
  color:#0b8fff;
  font-size:clamp(2.7rem,7vw,5.8rem);
  line-height:.9;
  font-weight:1000;
  text-transform:uppercase;
  text-shadow:0 0 18px #0b8fff;
}

.nauti-app-feature span{
  display:block;
  color:white;
  letter-spacing:.16em;
  font-size:.9rem;
  text-transform:uppercase;
  font-weight:800;
}

.nauti-app-feature b{
  color:#0b8fff;
  font-size:5rem;
  text-shadow:0 0 18px #0b8fff;
}

.blue-nauti-app-button{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:9999;
  display:flex;
  align-items:center;
  gap:10px;
  padding:13px 20px;
  border-radius:999px;
  background:linear-gradient(180deg,#009cff,#0054ff);
  color:white!important;
  font-weight:900;
  text-decoration:none!important;
  box-shadow:0 0 22px rgba(0,140,255,.9),0 0 55px rgba(0,80,255,.55);
  border:1px solid #38c4ff;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.blue-nauti-app-button img{
  width:34px;
  height:34px;
  object-fit:contain;
  filter:drop-shadow(0 0 8px #00aaff);
}

@keyframes nautiBluePulse{
  from{filter:brightness(1); box-shadow:0 0 20px #0b8fff,0 0 65px rgba(0,120,255,.65),inset 0 0 35px rgba(0,140,255,.18);}
  to{filter:brightness(1.2); box-shadow:0 0 34px #0b8fff,0 0 95px rgba(0,120,255,1),inset 0 0 48px rgba(0,140,255,.30);}
}

@media(max-width:760px){
  .nauti-app-feature{
    grid-template-columns:82px 1fr 28px;
    padding:16px;
    border-radius:20px;
    gap:12px;
  }
  .nauti-app-feature img{width:78px;height:78px}
  .nauti-app-feature small{font-size:.62rem;letter-spacing:.22em}
  .nauti-app-feature strong{font-size:2.1rem}
  .nauti-app-feature span{font-size:.58rem;letter-spacing:.08em}
  .nauti-app-feature b{font-size:2.7rem}
  .blue-nauti-app-button{left:12px;right:12px;bottom:12px;justify-content:center}
}