*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
:root{
  --gold:#f5c518;--amber:#e8812a;--coral:#d94f20;--star-blue:#7eb8f7;
  --text:#fdf4e8;--muted:rgba(253,244,232,0.52);--dimmed:rgba(253,244,232,0.28);
  --card:rgba(16,6,2,0.58);--border:rgba(253,244,232,0.11);
  --mono:'DM Sans',sans-serif;--serif:'Cormorant Garamond',Georgia,serif;
  --safe-bottom:env(safe-area-inset-bottom,0px);
}
html,body{min-height:100%;color:var(--text);font-family:var(--serif);overflow-x:hidden;background:#0e0604;-webkit-tap-highlight-color:transparent;}

/* ── SKY BACKGROUND ── */
#sky{
  position:fixed;inset:0;z-index:0;
  background:
    radial-gradient(ellipse 120% 40% at 50% 100%, rgba(232,129,42,0.30) 0%, transparent 65%),
    radial-gradient(ellipse 80% 30% at 30% 100%, rgba(217,79,32,0.20) 0%, transparent 60%),
    radial-gradient(ellipse 80% 30% at 70% 100%, rgba(245,197,24,0.18) 0%, transparent 60%),
    linear-gradient(to bottom,
      #1f1a22 0%,
      #2a1f28 25%,
      #3a2428 50%,
      #5a2f28 75%,
      #8a4a2c 100%);
}
#sky::after{content:'';position:absolute;bottom:0;left:0;right:0;height:35%;background:linear-gradient(to top,rgba(210,80,15,0.3) 0%,transparent 100%);pointer-events:none;}
#sky::before{
  content:'';position:absolute;inset:0;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");
  opacity:0.045;mix-blend-mode:overlay;pointer-events:none;
}


/* ── ANIMATIONS ── */
@keyframes fadeDown{from{opacity:0;transform:translateY(-14px);}to{opacity:1;transform:none;}}
@keyframes fadeUp{from{opacity:0;transform:translateY(18px);}to{opacity:1;transform:none;}}
@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}
@keyframes gcpulse{0%,100%{opacity:0.35;transform:scale(1);}50%{opacity:1;transform:scale(1.25);}}
@keyframes shimmer{0%{background-position:-200% center;}100%{background-position:200% center;}}
@keyframes horizonGlow{0%,100%{opacity:0.4;}50%{opacity:0.75;}}


/* ── HERO ── */
header{
  padding:clamp(2rem,5vw,3.5rem) clamp(1rem,4vw,1.5rem) 0;
  display:flex;flex-direction:column;align-items:center;text-align:center;
  animation:fadeDown 0.9s ease both;
}
.wordmark{
  font-family:var(--serif);font-weight:300;
  font-size:clamp(2.6rem,10vw,4.8rem);
  letter-spacing:0.28em;text-transform:uppercase;
  color:var(--text);line-height:1;
}
.wordmark em{font-style:normal;color:var(--gold);}
.tagline{
  margin-top:0.7rem;font-family:var(--mono);
  font-size:0.58rem;color:var(--muted);
  letter-spacing:0.22em;text-transform:uppercase;
}
.header-rule{
  width:48px;height:1px;
  background:linear-gradient(to right,transparent,var(--amber),transparent);
  margin:1.4rem auto 0;opacity:0.55;
}

/* ── HERO SECTION ── */
.hero-section{
  display:flex;flex-direction:column;align-items:center;
  padding:clamp(2rem,5vw,3.5rem) clamp(1rem,4vw,1.5rem) 2rem;
  animation:fadeUp 1s ease both 0.2s;
}
.eyebrow{
  font-family:var(--mono);font-size:0.5rem;letter-spacing:0.26em;
  text-transform:uppercase;color:var(--amber);
  margin-bottom:1.1rem;
  display:flex;align-items:center;gap:0.5rem;
}
.eyebrow::before{
  content:'';display:inline-block;width:5px;height:5px;
  background:var(--amber);border-radius:50%;
  animation:gcpulse 2.2s ease-in-out infinite;
}
.hero-headline{
  font-family:var(--serif);font-weight:300;
  font-size:clamp(2rem,6vw,3.4rem);
  line-height:1.25;text-align:center;
  max-width:18ch;margin-bottom:1rem;
}
.hero-sub{
  font-family:var(--mono);font-size:0.6rem;
  letter-spacing:0.14em;text-transform:uppercase;
  color:var(--muted);text-align:center;
  max-width:52ch;line-height:2;margin-bottom:2.5rem;
}

/* ── MAIN SIGNUP CARD ── */
.signup-card{
  background:rgba(14,6,4,0.72);
  backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
  border:1px solid rgba(245,197,24,0.18);
  border-radius:3px;
  padding:2rem 2rem 2.2rem;
  width:100%;max-width:560px;
  position:relative;overflow:hidden;
}
.signup-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent 5%,#f5c518 40%,#e8812a 60%,transparent 95%);
  opacity:0.5;
}
.signup-card::after{
  content:'';position:absolute;left:-60px;top:-60px;
  width:220px;height:220px;
  background:radial-gradient(circle,rgba(245,197,24,0.05) 0%,transparent 70%);
  pointer-events:none;
}
.card-eyebrow{
  font-family:var(--mono);font-size:0.47rem;
  letter-spacing:0.22em;text-transform:uppercase;
  color:var(--amber);margin-bottom:0.55rem;
  display:flex;align-items:center;gap:0.4rem;
}
.card-eyebrow::before{
  content:'';display:inline-block;width:5px;height:5px;
  background:var(--amber);border-radius:50%;
  animation:gcpulse 2.2s ease-in-out infinite;
}
.card-title{
  font-family:var(--serif);font-weight:300;
  font-size:1.35rem;color:var(--text);
  margin-bottom:0.3rem;
}
.card-desc{
  font-family:var(--mono);font-size:0.51rem;
  color:var(--dimmed);letter-spacing:0.06em;
  line-height:1.75;margin-bottom:1.4rem;
}

/* form fields */
.f-row{display:grid;grid-template-columns:1fr 1fr;gap:0.6rem;margin-bottom:0.6rem;}
.f-row.full{grid-template-columns:1fr;}
.f-group{display:flex;flex-direction:column;gap:0.28rem;position:relative;}
.f-group label{
  font-family:var(--mono);font-size:0.46rem;
  letter-spacing:0.16em;text-transform:uppercase;
  color:var(--dimmed);
}
.f-group input,.f-group select{
  width:100%;
  background:rgba(253,244,232,0.04);
  border:1px solid rgba(253,244,232,0.1);
  border-radius:2px;
  padding:0.6rem 0.85rem;
  color:var(--text);
  font-family:var(--mono);font-size:0.62rem;
  outline:none;
  transition:border-color 0.2s,box-shadow 0.2s;
  min-height:44px;
  -webkit-appearance:none;appearance:none;
}
.f-group input::placeholder{color:rgba(253,244,232,0.2);}
.f-group input:focus,.f-group select:focus{
  border-color:rgba(245,197,24,0.38);
  box-shadow:0 0 0 3px rgba(245,197,24,0.05);
}
.f-group select{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='rgba(253,244,232,0.3)'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 0.75rem center;
  background-size:8px;padding-right:2rem;cursor:pointer;
  background-color:rgba(253,244,232,0.04);
}
.f-group select option{background:#1a0d08;color:var(--text);}

/* city autocomplete */
.city-dropdown{
  position:absolute;top:calc(100% + 3px);left:0;right:0;
  background:#1e0d08;border:1px solid rgba(245,197,24,0.18);
  border-radius:2px;z-index:300;display:none;
  max-height:190px;overflow-y:auto;
  box-shadow:0 10px 30px rgba(0,0,0,0.7);
}
.city-dropdown.open{display:block;}
.drop-item{
  padding:0.7rem 0.9rem;font-family:var(--mono);
  font-size:0.57rem;color:var(--muted);cursor:pointer;
  border-bottom:1px solid rgba(253,244,232,0.05);
  transition:background 0.12s,color 0.12s;letter-spacing:0.04em;
}
.drop-item:last-child{border-bottom:none;}
.drop-item:hover{background:rgba(245,197,24,0.06);color:var(--text);}
.drop-item.empty{color:var(--dimmed);cursor:default;font-style:italic;}

/* email+btn row */
.email-btn-row{display:flex;gap:0.5rem;align-items:flex-end;margin-top:0.6rem;}
.email-btn-row .f-group{flex:1;}
.submit-btn{
  background:linear-gradient(135deg,#f5c518,#e8812a);
  border:none;border-radius:2px;
  height:44px;padding:0 1.4rem;
  color:#100806;font-family:var(--mono);
  font-size:0.56rem;letter-spacing:0.18em;
  text-transform:uppercase;cursor:pointer;
  white-space:nowrap;flex-shrink:0;
  transition:opacity 0.2s,transform 0.15s;
  box-shadow:0 2px 18px rgba(245,197,24,0.18);
  min-width:110px;
}

.submit-btn:hover{opacity:0.88;transform:translateY(-1px);}
.submit-btn:disabled{opacity:0.35;cursor:not-allowed;transform:none;}

.form-error{
  display:none;margin-top:0.6rem;
  font-family:var(--mono);font-size:0.5rem;
  color:#e05050;letter-spacing:0.07em;line-height:1.6;
}
.form-success{
  display:none;margin-top:0.85rem;
  background:rgba(60,180,80,0.07);
  border:1px solid rgba(60,180,80,0.22);
  border-radius:2px;padding:0.9rem 1rem;
  font-family:var(--mono);font-size:0.54rem;
  color:#80e090;letter-spacing:0.08em;line-height:1.7;
}
.form-success .success-mark{font-size:0.9rem;display:block;margin-bottom:0.3rem;}

/* secondary link */
.secondary-link{
  margin-top:1.2rem;font-family:var(--mono);
  font-size:0.5rem;letter-spacing:0.14em;
  text-transform:uppercase;color:var(--dimmed);
  text-align:center;
}
.secondary-link a{
  color:var(--amber);text-decoration:none;
  border-bottom:1px solid rgba(232,129,42,0.3);
  padding-bottom:0.1rem;transition:border-color 0.2s,color 0.2s;
}
.secondary-link a:hover{color:var(--gold);border-color:var(--gold);}

/* ── CONTENT SECTIONS ── */
.content-wrap{
  width:100%;max-width:780px;margin:0 auto;
  padding:0 clamp(1rem,4vw,1.5rem);
}

/* section header */
.section-rule{
  display:flex;align-items:center;gap:1rem;
  margin:4rem 0 2rem;
}
.section-rule::before,.section-rule::after{
  content:'';flex:1;height:1px;
  background:linear-gradient(to right,transparent,var(--border),transparent);
}
.section-eyebrow{
  font-family:var(--mono);font-size:0.48rem;
  letter-spacing:0.28em;text-transform:uppercase;
  color:var(--dimmed);white-space:nowrap;flex-shrink:0;
}

/* ── PROBLEM SECTION ── */
.problem-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:1px;
  background:var(--border);border:1px solid var(--border);
  border-radius:3px;overflow:hidden;margin-bottom:3rem;
}
.problem-cell{
  background:
    radial-gradient(ellipse 140% 50% at 50% 120%, rgba(232,129,42,0.18) 0%, transparent 60%),
    radial-gradient(ellipse 80% 40% at 20% 115%, rgba(245,197,24,0.12) 0%, transparent 50%),
    linear-gradient(to bottom, rgba(46,32,30,0.78) 0%, rgba(46,32,30,0.78) 100%);
  ;
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  padding:1.6rem 1.4rem;
}
.problem-cell.highlight{background:
    radial-gradient(ellipse 140% 50% at 50% 120%, rgba(232,129,42,0.18) 0%, transparent 60%),
    radial-gradient(ellipse 80% 40% at 20% 115%, rgba(245,197,24,0.12) 0%, transparent 50%),
    linear-gradient(to bottom, rgba(46,32,30,0.78) 0%, rgba(46,32,30,0.78) 100%);
  ;}
.problem-icon{font-size:1.3rem;margin-bottom:0.75rem;display:block;}
.problem-head{
  font-family:var(--serif);font-weight:400;
  font-size:1.05rem;color:var(--text);
  margin-bottom:0.5rem;line-height:1.35;
}
.problem-body{
  font-family:var(--mono);font-size:0.5rem;
  color:var(--dimmed);letter-spacing:0.06em;line-height:1.9;
}
@media(max-width:520px){.problem-grid{grid-template-columns:1fr;}}

/* ── HOW IT WORKS ── */
.steps{display:flex;flex-direction:column;gap:0;margin-bottom:3rem;}
.step{
  display:grid;grid-template-columns:3rem 1fr;
  gap:1.2rem;align-items:start;
  padding:1.4rem 0;
  border-bottom:1px solid var(--border);
  position:relative;
}
.step:last-child{border-bottom:none;}
.step-num{
  font-family:var(--mono);font-size:0.48rem;
  letter-spacing:0.14em;color:var(--amber);
  text-align:right;padding-top:0.15rem;
}
.step-num span{
  display:block;font-family:var(--serif);
  font-size:2rem;font-weight:300;
  color:rgba(245,197,24,0.15);
  line-height:1;margin-bottom:0.1rem;
}
.step-head{
  font-family:var(--serif);font-weight:400;
  font-size:1.1rem;color:var(--text);
  margin-bottom:0.4rem;
}
.step-body{
  font-family:var(--mono);font-size:0.51rem;
  color:var(--dimmed);letter-spacing:0.06em;line-height:1.9;
}

/* ── EXAMPLE ALERT ── */
.alert-preview{
  background:rgba(10,5,2,0.85);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border:1px solid rgba(245,197,24,0.2);
  border-radius:3px;padding:1.8rem 1.6rem;
  margin-bottom:3rem;position:relative;overflow:hidden;
}
.alert-preview::before{
  content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent 5%,#f5c518 45%,#e8812a 55%,transparent 95%);
  opacity:0.6;
}
.alert-preview-label{
  font-family:var(--mono);font-size:0.44rem;
  letter-spacing:0.24em;text-transform:uppercase;
  color:var(--dimmed);margin-bottom:1.1rem;
  display:flex;align-items:center;gap:0.5rem;
}
.alert-preview-label::before{
  content:'';display:inline-block;width:5px;height:5px;
  background:var(--amber);border-radius:50%;
  animation:gcpulse 2.2s ease-in-out infinite;
}
.alert-subject{
  font-family:var(--serif);font-weight:400;
  font-size:1.15rem;color:var(--text);
  margin-bottom:0.85rem;line-height:1.4;
}
.alert-body{
  font-family:var(--mono);font-size:0.53rem;
  color:var(--muted);letter-spacing:0.06em;
  line-height:2;border-left:2px solid rgba(245,197,24,0.25);
  padding-left:1rem;
}
.alert-score-chip{
  display:inline-flex;align-items:center;gap:0.35rem;
  background:rgba(255,128,64,0.12);border:1px solid rgba(255,128,64,0.3);
  border-radius:2px;padding:0.25rem 0.65rem;
  font-family:var(--mono);font-size:0.5rem;
  color:#ff8040;letter-spacing:0.1em;margin-top:0.9rem;
}
.alert-score-chip::before{content:'●';font-size:0.4rem;}

/* ── WHAT IT ANALYZES ── */
.factors-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:1px;background:var(--border);border:1px solid var(--border);
  border-radius:3px;overflow:hidden;margin-bottom:3rem;
}
.factor-cell{
  background:radial-gradient(ellipse 140% 50% at 50% 120%, rgba(232,129,42,0.18) 0%, transparent 60%),
    radial-gradient(ellipse 80% 40% at 20% 115%, rgba(245,197,24,0.12) 0%, transparent 50%),
    linear-gradient(to bottom, rgba(46,32,30,0.78) 0%, rgba(46,32,30,0.78) 100%);;
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  padding:1.3rem 1.2rem;
}
.factor-icon{
  font-family:var(--mono);font-size:0.44rem;
  letter-spacing:0.18em;text-transform:uppercase;
  color:var(--amber);margin-bottom:0.45rem;
}
.factor-name{
  font-family:var(--serif);font-weight:400;
  font-size:0.95rem;color:var(--text);margin-bottom:0.4rem;
}
.factor-desc{
  font-family:var(--mono);font-size:0.49rem;
  color:var(--dimmed);letter-spacing:0.04em;line-height:1.85;
}

/* ── VS WEATHER APPS ── */
.vs-table{
  display:grid;grid-template-columns:1fr 1fr;
  gap:1px;background:var(--border);
  border:1px solid var(--border);border-radius:3px;
  overflow:hidden;margin-bottom:3rem;
}
.vs-col{
  background:radial-gradient(ellipse 140% 50% at 50% 120%, rgba(232,129,42,0.18) 0%, transparent 60%),
    radial-gradient(ellipse 80% 40% at 20% 115%, rgba(245,197,24,0.12) 0%, transparent 50%),
    linear-gradient(to bottom, rgba(46,32,30,0.78) 0%, rgba(46,32,30,0.78) 100%);;
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  padding:0;
}
.vs-col-header{
  padding:1rem 1.3rem;
  border-bottom:1px solid var(--border);
  font-family:var(--mono);font-size:0.48rem;
  letter-spacing:0.2em;text-transform:uppercase;
}
.vs-col:first-child .vs-col-header{color:var(--dimmed);}
.vs-col:last-child .vs-col-header{color:var(--amber);}
.vs-col:last-child{background:rgba(30,12,4,0.65);}
.vs-item{
  display:flex;align-items:flex-start;gap:0.6rem;
  padding:0.85rem 1.3rem;
  border-bottom:1px solid rgba(253,244,232,0.04);
  font-family:var(--mono);font-size:0.51rem;
  color:var(--dimmed);letter-spacing:0.05em;line-height:1.6;
}
.vs-item:last-child{border-bottom:none;}
.vs-item .vi{flex-shrink:0;margin-top:0.05rem;opacity:0.5;}
.vs-col:last-child .vs-item{color:var(--muted);}
.vs-col:last-child .vi{color:var(--amber);opacity:1;}
@media(max-width:480px){.vs-table{grid-template-columns:1fr;}}

/* ── USE CASES ── */
.use-cases{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:0.8rem;margin-bottom:3rem;
}
.use-case{
  background:radial-gradient(ellipse 140% 50% at 50% 120%, rgba(232,129,42,0.18) 0%, transparent 60%),
    radial-gradient(ellipse 80% 40% at 20% 115%, rgba(245,197,24,0.12) 0%, transparent 50%),
    linear-gradient(to bottom, rgba(46,32,30,0.78) 0%, rgba(46,32,30,0.78) 100%);;
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border:1px solid var(--border);border-radius:3px;
  padding:1.3rem 1.2rem;
  transition:border-color 0.2s;
}
.use-case:hover{border-color:rgba(245,197,24,0.2);}
.use-icon{font-size:1.25rem;margin-bottom:0.65rem;display:block;}
.use-title{
  font-family:var(--serif);font-weight:400;
  font-size:0.95rem;color:var(--text);margin-bottom:0.35rem;
}
.use-body{
  font-family:var(--mono);font-size:0.49rem;
  color:var(--dimmed);letter-spacing:0.04em;line-height:1.85;
}

/* ── AUTHORITY ── */
.authority-strip{
  background:radial-gradient(ellipse 140% 50% at 50% 120%, rgba(232,129,42,0.18) 0%, transparent 60%),
    radial-gradient(ellipse 80% 40% at 20% 115%, rgba(245,197,24,0.12) 0%, transparent 50%),
    linear-gradient(to bottom, rgba(46,32,30,0.78) 0%, rgba(46,32,30,0.78) 100%);;
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border:1px solid var(--border);border-radius:3px;
  padding:1.5rem 1.6rem;margin-bottom:4rem;
  position:relative;overflow:hidden;
}
.authority-strip::before{
  content:'';position:absolute;left:-60px;bottom:-60px;
  width:200px;height:200px;
  background:radial-gradient(circle,rgba(126,184,247,0.04) 0%,transparent 70%);
  pointer-events:none;

}
.authority-head{
  font-family:var(--mono);font-size:0.47rem;
  letter-spacing:0.2em;text-transform:uppercase;
  color:var(--dimmed);margin-bottom:0.85rem;
  
}
.authority-body{
  font-family:var(--serif);font-weight:300;
  font-size:1rem;color:var(--muted);
  line-height:1.7;max-width:56ch;
}
.authority-body em{font-style:italic;color:var(--text);}

/* ── BOTTOM CTA ── */
.bottom-cta{
  background:radial-gradient(ellipse 140% 50% at 50% 120%, rgba(232,129,42,0.18) 0%, transparent 60%),
    radial-gradient(ellipse 80% 40% at 20% 115%, rgba(245,197,24,0.12) 0%, transparent 50%),
    linear-gradient(to bottom, rgba(46,32,30,0.78) 0%, rgba(46,32,30,0.78) 100%);;
  backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
  border:1px solid rgba(245,197,24,0.18);
  border-radius:3px;padding:2.5rem 2rem;
  text-align:center;margin-bottom:4rem;
  position:relative;overflow:hidden;
  animation:fadeUp 0.8s ease both 0.1s;
}
.bottom-cta::before{
  content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent 10%,#f5c518 40%,#7eb8f7 60%,transparent 90%);
  opacity:0.45;
}
.bottom-cta-title{
  font-family:var(--serif);font-weight:300;
  font-size:clamp(1.5rem,4vw,2.2rem);
  color:var(--text);margin-bottom:0.6rem;line-height:1.3;
}
.bottom-cta-sub{
  font-family:var(--mono);font-size:0.54rem;
  letter-spacing:0.12em;text-transform:uppercase;
  color:var(--muted);margin-bottom:1.8rem;line-height:1.8;
}
.bottom-cta-btn{
  display:inline-block;
  background:linear-gradient(135deg,#f5c518,#e8812a);
  color:#100806;border:none;border-radius:2px;
  font-family:var(--mono);font-size:0.6rem;
  letter-spacing:0.2em;text-transform:uppercase;
  padding:1rem 2.2rem;cursor:pointer;
  text-decoration:none;
  transition:opacity 0.2s,transform 0.15s;
  box-shadow:0 4px 24px rgba(245,197,24,0.22);
  min-height:52px;display:inline-flex;align-items:center;
}
.bottom-cta-btn:hover{opacity:0.88;transform:translateY(-1px);}
.bottom-cta-or{
  font-family:var(--mono);font-size:0.46rem;
  letter-spacing:0.2em;text-transform:uppercase;
  color:var(--dimmed);margin:1rem 0;
}
.bottom-cta-secondary{
  font-family:var(--mono);font-size:0.5rem;
  letter-spacing:0.12em;text-transform:uppercase;
  color:var(--dimmed);text-decoration:none;
  border-bottom:1px solid rgba(253,244,232,0.15);
  padding-bottom:0.1rem;
  transition:color 0.2s,border-color 0.2s;
}
.bottom-cta-secondary:hover{color:var(--amber);border-color:rgba(232,129,42,0.5);}


/* ── RESPONSIVE ── */
@media(max-width:560px){
  .signup-card{padding:1.5rem 1.2rem 1.7rem;}
  .f-row{grid-template-columns:1fr;}
  .email-btn-row{flex-direction:column;align-items:stretch;}
  .submit-btn{width:100%;justify-content:center;min-height:48px;}
}