/* FILE: public/css/pwa.css */
.fp-pwa-overlay{
  position:fixed;
  z-index:99999;
  inset:0;
  display:grid;
  place-items:center;
  padding:24px;
  background:rgba(0,0,0,.72);
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
  font-family:'Roboto Condensed',Arial,sans-serif;
}

.fp-pwa-card{
  width:min(88vw,520px);
  padding:24px 22px 20px;
  border:2px solid #FFD700;
  border-radius:18px;
  background:linear-gradient(180deg,#17191e,#07080a);
  color:#fff8e7;
  box-shadow:0 18px 50px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.08);
  text-align:center;
}

.fp-pwa-title{
  color:#FFD700;
  font-size:clamp(24px,6vw,34px);
  line-height:1;
  font-weight:950;
  letter-spacing:.035em;
  margin-bottom:18px;
}

.fp-pwa-body{
  font-size:clamp(17px,4.3vw,22px);
  line-height:1.28;
  font-weight:700;
}

.fp-pwa-body p{ margin:0 0 14px; }
.fp-pwa-body p:last-child{ margin-bottom:0; }
.fp-pwa-steps{ text-align:left; display:inline-block; }

.fp-pwa-actions{
  display:flex;
  justify-content:center;
  gap:12px;
  margin-top:22px;
}

.fp-pwa-btn{
  min-width:120px;
  min-height:48px;
  padding:10px 16px;
  border-radius:12px;
  font:inherit;
  font-size:17px;
  font-weight:950;
  cursor:pointer;
}

.fp-pwa-btn-primary{
  border:2px solid #ffe46b;
  background:linear-gradient(180deg,#ffe06a,#dcae18);
  color:#090909;
}

.fp-pwa-btn-secondary{
  border:2px solid #7b8da7;
  background:linear-gradient(180deg,#29313c,#151a21);
  color:#fff;
}

.fp-pwa-btn:disabled{ opacity:.6; cursor:default; }

@media (max-width:420px){
  .fp-pwa-card{ padding:22px 17px 18px; }
  .fp-pwa-actions{ flex-direction:column; }
  .fp-pwa-btn{ width:100%; }
}