/* AstroLifeMap V10331 — Name Number Analysis visual system
   AstroLifeMap green + cream + gold visual system. */
:root{
  --nna-bg:#032d23;
  --nna-bg2:#063b2f;
  --nna-panel:#0a4a3a;
  --nna-panel2:#0d5744;
  --nna-panel-soft:#0f604b;
  --nna-border:#7c6a2b;
  --nna-gold:#e6b94c;
  --nna-gold2:#f3cf67;
  --nna-cream:#fff8df;
  --nna-text:#f8f5e7;
  --nna-muted:#c7d9d1;
  --nna-track:#1b6b55;
  --nna-shadow:0 10px 30px rgba(2,55,42,.28);
}
html,body{background:linear-gradient(180deg,var(--nna-bg) 0%,#043428 100%)!important;color:var(--nna-text)!important;}
body{min-height:100vh;}
body,button,input,select,textarea{font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;}
a{color:var(--nna-gold2)!important;}
a:hover{color:var(--nna-cream)!important;}

.nna-v10331-shell{max-width:1620px;margin:0 auto;padding:18px 28px 36px;}
.nna-v10331-service-nav{
  display:flex;gap:8px;flex-wrap:wrap;padding:10px 12px;margin:0 0 12px;
  background:#074130;border:1px solid #356c53;border-radius:12px;
}
.nna-v10331-service-nav a{
  text-decoration:none!important;border:1px solid #547849;border-radius:9px;
  padding:9px 13px;color:var(--nna-text)!important;font-weight:700;font-size:14px;
  background:#0b4938;
}
.nna-v10331-service-nav a.active{
  background:linear-gradient(135deg,var(--nna-gold2),var(--nna-gold));
  color:#123a2d!important;border-color:#d7a92f;
}

.nna-v10331-hero{
  display:flex;justify-content:space-between;align-items:center;gap:18px;
  margin:0 0 14px;padding:18px 22px;border:1px solid var(--nna-border);
  border-radius:18px;background:linear-gradient(135deg,#0b533f,#064032);
  box-shadow:var(--nna-shadow);
}
.nna-v10331-hero h1{margin:0 0 5px!important;color:var(--nna-text)!important;font-size:31px!important;line-height:1.08;}
.nna-v10331-hero p{margin:0;color:var(--nna-muted);font-size:15px;}
.nna-v10331-back{
  flex:0 0 auto;text-decoration:none!important;border:1px solid var(--nna-border);
  border-radius:11px;padding:10px 14px;background:#0c4a39;color:var(--nna-gold2)!important;font-weight:800;
}
.nna-v10331-learn{
  flex:0 0 auto;border:1px solid var(--nna-border);border-radius:11px;
  padding:10px 16px;background:#0a4636;color:var(--nna-gold2)!important;font-weight:800;cursor:pointer;
}

.nna-v10331-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 14px;}
.nna-v10331-card,
body main>section,
.nna-card,
.result-card,
.nna-result,
.nna-panel{
  background:linear-gradient(145deg,#0b4c3a,#083d30)!important;
  border:1px solid var(--nna-border)!important;border-radius:18px!important;
  box-shadow:var(--nna-shadow)!important;color:var(--nna-text)!important;
}
.nna-v10331-card{padding:17px 18px;}
.nna-v10331-card h2,.nna-v10331-card h3{color:var(--nna-text);margin:0 0 5px;}
.nna-v10331-card p{color:var(--nna-muted);margin:0 0 12px;line-height:1.45;}

input[type="text"],input:not([type]),.nna-v10331-card input{
  background:#06392d!important;color:var(--nna-text)!important;border:1px solid #7a7138!important;
  border-radius:12px!important;padding:13px 15px!important;outline:none!important;
}
input::placeholder{color:#9cb8ad!important;}
input:focus{border-color:var(--nna-gold)!important;box-shadow:0 0 0 3px rgba(230,185,76,.14)!important;}

button,.nna-v10331-primary{
  border:1px solid #d7a92f!important;border-radius:12px!important;
  background:linear-gradient(135deg,var(--nna-gold2),var(--nna-gold))!important;
  color:#123a2d!important;font-weight:800!important;box-shadow:none!important;
}
button:hover,.nna-v10331-primary:hover{filter:brightness(1.04);}
button.secondary,.secondary-button{
  background:#0c4a39!important;color:var(--nna-gold2)!important;border-color:var(--nna-border)!important;
}

.nna-v10331-calc-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:12px;}
.nna-v10331-letter{
  min-width:50px;text-align:center;padding:9px 8px;border:1px solid #547849;
  border-radius:10px;background:#0a4536;color:var(--nna-text);font-weight:800;
}
.nna-v10331-letter small{display:block;margin-top:4px;color:var(--nna-gold2);font-size:12px;}
.nna-v10331-arrow{font-size:24px;color:var(--nna-gold2);font-weight:900;}
.nna-v10331-explain{font-size:13px;color:var(--nna-muted);margin-top:10px;}

.nna-facts{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;}
.nna-facts>div{
  background:linear-gradient(145deg,#0c513e,#0a4334)!important;border:1px solid #476b3f!important;
  border-radius:15px!important;padding:15px!important;color:var(--nna-text)!important;
}
.nna-facts span{color:var(--nna-muted)!important;}
.nna-facts strong{color:var(--nna-gold2)!important;font-size:29px!important;}

#nnaFormula,.nna-formula,[data-role="formula"]{
  background:#07382c!important;color:var(--nna-cream)!important;border:1px solid #476b3f!important;
  border-radius:12px!important;padding:13px 15px!important;
}

h1,h2,h3,h4,.title,.section-title{color:var(--nna-text)!important;}
p,label,small,.muted,.subtitle{color:var(--nna-muted)!important;}

.nna-v10331-method{
  margin-top:10px;padding-top:10px;border-top:1px solid rgba(230,185,76,.25);
  display:grid;grid-template-columns:repeat(3,1fr);gap:9px;
}
.nna-v10331-method div{background:#073a2e;border:1px solid #356c53;border-radius:10px;padding:10px;}
.nna-v10331-method b{display:block;color:var(--nna-gold2);margin-bottom:3px;}
.nna-v10331-method span{font-size:12px;color:var(--nna-muted);line-height:1.35;}

progress{accent-color:var(--nna-gold);}
[class*="bar"],[class*="track"]{border-color:#356c53;}
.nna-v10331-disclaimer{
  margin-top:14px;padding:10px 13px;border-left:3px solid var(--nna-gold);
  background:#07392d;border-radius:8px;color:var(--nna-muted);font-size:12px;line-height:1.45;
}

body *{scrollbar-color:#5f785d #08382d;}
[dir="rtl"] .nna-v10331-hero,[dir="rtl"] .nna-v10331-card{text-align:right;}
[dir="rtl"] .nna-v10331-disclaimer{border-left:0;border-right:3px solid var(--nna-gold);}

@media(max-width:1100px){
  .nna-v10331-shell{padding:14px 18px 28px}
  .nna-v10331-grid{grid-template-columns:1fr}
  .nna-facts{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .nna-v10331-hero h1{font-size:27px!important}
}
@media(max-width:720px){
  .nna-v10331-shell{padding:10px 10px 24px}
  .nna-v10331-hero{align-items:flex-start;flex-direction:column}
  .nna-facts{grid-template-columns:1fr!important}
  .nna-v10331-method{grid-template-columns:1fr}
}
@media(min-width:1081px) and (max-height:820px){
  .nna-v10331-shell{padding-top:10px;padding-bottom:18px}
  .nna-v10331-service-nav{padding:7px 10px;margin-bottom:9px}
  .nna-v10331-service-nav a{padding:7px 10px}
  .nna-v10331-hero{padding:13px 18px;margin-bottom:10px}
  .nna-v10331-card{padding:13px 15px}
  .nna-v10331-grid{gap:10px;margin-bottom:10px}
}


.nna-v10331-language{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:8px;
  padding-left:8px;
}
.nna-v10331-language label{
  color:var(--nna-gold2)!important;
  font-weight:800;
  font-size:13px;
}
.nna-v10331-language select{
  min-width:150px;
  background:#073b2f!important;
  color:var(--nna-text)!important;
  border:1px solid var(--nna-border)!important;
  border-radius:9px!important;
  padding:8px 30px 8px 10px!important;
  font-weight:700;
  outline:none;
}
.nna-v10331-language option{
  background:#0a4a3a;
  color:var(--nna-text);
}
[dir="rtl"] .nna-v10331-language{
  margin-left:0;
  margin-right:auto;
  padding-left:0;
  padding-right:8px;
}
@media(max-width:900px){
  .nna-v10331-language{
    width:100%;
    margin-left:0;
    justify-content:flex-end;
  }
}


/* V10331C compact typography for 13-inch layouts */
.nna-v10331-hero h1{
  font-size:27px!important;
  line-height:1.08!important;
  margin-bottom:4px!important;
}
.nna-v10331-hero p,
.nna-v10331-subtitle{
  font-size:14px!important;
  line-height:1.4!important;
}
.nna-v10331-card h2,
.nna-v10331-card .section-title,
body.nna-v10331 h2{
  font-size:22px!important;
  line-height:1.15!important;
  margin-bottom:6px!important;
}
.nna-v10331-card h3,
body.nna-v10331 h3{
  font-size:17px!important;
  line-height:1.2!important;
}
.nna-v10331-card p,
.nna-v10331-card label,
body.nna-v10331 p{
  font-size:14px!important;
  line-height:1.42!important;
}
.nna-v10331-method b{
  font-size:15px!important;
}
.nna-v10331-method span,
.nna-v10331-explain,
.nna-v10331-disclaimer{
  font-size:12.5px!important;
  line-height:1.4!important;
}
.nna-facts span{
  font-size:13px!important;
}
.nna-facts strong{
  font-size:25px!important;
  line-height:1.05!important;
}
.nna-v10331-service-nav a{
  font-size:13.5px!important;
  padding:8px 11px!important;
}
.nna-v10331-language label,
.nna-v10331-language select{
  font-size:13px!important;
}
.nna-v10331-card{
  padding:14px 16px!important;
}
.nna-v10331-hero{
  padding:14px 18px!important;
}
.nna-v10331-grid{
  gap:11px!important;
  margin-bottom:11px!important;
}
@media (min-width:1081px) and (max-height:820px){
  .nna-v10331-hero h1{font-size:25px!important;}
  .nna-v10331-card h2,
  body.nna-v10331 h2{font-size:20px!important;}
  .nna-v10331-card h3,
  body.nna-v10331 h3{font-size:16px!important;}
  .nna-v10331-card p,
  body.nna-v10331 p{font-size:13.5px!important;}
  .nna-facts strong{font-size:23px!important;}
}