/* =========================================================
   AMIRI · Код Имени · v2 — ISOLATED VERSION
   Все стили изолированы внутри .amiri-name-code-wrapper
   ========================================================= */

/* ---------- Токены дизайна ---------- */
.amiri-name-code-wrapper {
  --gold:#E7C46A;
  --gold-2:#F2D991;
  --gold-3:#CFAF58;
  --gold-deep:#7B6231;
  --deep:#0B0F1A;
  --deep-2:#090C16;
  --sky:#162036;
  --blue:#3D7FFF;
  --muted:#A7B1C2;
  --danger:#D86B6B;
  --glass: rgba(255,255,255,0.06);
  --glass-border: rgba(231,196,106,0.25);
  --radius-lg: 16px;
  --radius-md: 12px;
  --shadow-lg: 0 10px 40px rgba(0,0,0,.35);
  --shadow-gold: 0 0 0 1px rgba(231,196,106,.25), 0 8px 24px rgba(231,196,106,.15);
  
  color:#EAEFF8;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;
  line-height:1.45;
  position: relative;
  isolation: isolate;
}

/* ---------- Базовая типографика ---------- */
.amiri-name-code-wrapper *{box-sizing:border-box}

/* ---------- Контейнеры ---------- */
.amiri-name-code-wrapper .anc-container{max-width:980px;margin:0 auto;padding:16px 16px 110px}
.amiri-name-code-wrapper .anc-hero{padding:48px 0 12px;text-align:center}
.amiri-name-code-wrapper .anc-hero h1{
  font-size: clamp(28px, 5vw, 44px);
  margin: 0 0 8px;
  background-image: linear-gradient(90deg, #CFAF4F 0%, #FFE9A3 25%, #E7C46A 50%, #FFF5C7 75%, #CFAF4F 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-weight: 700;
  text-align: center;
}
.amiri-name-code-wrapper .anc-hero p{margin:0;color:var(--muted)}

/* ---------- Карточки / панели ---------- */
.amiri-name-code-wrapper .anc-panel{
  background:var(--glass);
  border:1px solid var(--glass-border);
  border-radius:var(--radius-lg);
  padding:16px;
  backdrop-filter:blur(10px);
  box-shadow:var(--shadow-lg);
}

/* ---------- Сетка и поля ---------- */
.amiri-name-code-wrapper .anc-grid{display:grid;gap:12px}
.amiri-name-code-wrapper .anc-field{display:grid;gap:6px}
.amiri-name-code-wrapper .anc-small{font-size:12px;color:var(--muted)}

/* Инпут */
.amiri-name-code-wrapper input[type=text]{
  width:100%;
  padding:12px 14px;
  border-radius:var(--radius-md);
  border:1px solid #2A3550;
  background:#0E1424;
  color:#EAEFF8;
  outline:none;
  transition:border-color .2s ease, box-shadow .2s ease;
  font-family: inherit;
}
.amiri-name-code-wrapper input[type=text]:focus{
  border-color:#4E5E8F;
  box-shadow:0 0 0 3px rgba(61,127,255,.18);
}

/* ---------- Кнопки (золотые/первичные) ---------- */
.amiri-name-code-wrapper button{
  --btn-bg:#141D36;
  --btn-border:#4E5E8F;
  --btn-color:#EAEFF8;
  position:relative;
  display:inline-flex; align-items:center; justify-content:center;
  gap:.5rem;
  padding:12px 16px;
  border-radius:var(--radius-md);
  border:1px solid var(--btn-border);
  background:linear-gradient(180deg, var(--btn-bg), #0F172B);
  color:var(--btn-color);
  cursor:pointer;
  transition:transform .15s ease, box-shadow .2s ease, filter .2s ease, background .2s ease;
  user-select:none;
  font-family: inherit;
  font-size: 16px;
}
.amiri-name-code-wrapper button:focus{
  outline:2px solid #4E5E8F; outline-offset:2px;
}
.amiri-name-code-wrapper button:hover{transform:translateY(-1px)}
.amiri-name-code-wrapper button:active{transform:translateY(0)}

.amiri-name-code-wrapper button[disabled],
.amiri-name-code-wrapper button:disabled{
  opacity:.6; cursor:not-allowed; filter:grayscale(.2);
}

/* — «первичная» как нейтральная */
.amiri-name-code-wrapper button.anc-primary{
  --btn-bg:#1B2440;
  --btn-border:#55669B;
}

/* — «золотая» (CTA) — литое золото + мягкое свечение */
.amiri-name-code-wrapper button.anc-gold{
  --btn-color:#0B0F1A;
  border:1px solid var(--gold-deep);
  color:var(--btn-color);
  background:
    linear-gradient(180deg, #FFE9B3 0%, #F0CF7A 35%, #E7C46A 50%, #CFAF58 70%, #AA8A3D 100%);
  box-shadow:
    0 6px 18px rgba(231,196,106,.22),
    inset 0 1px 0 rgba(255,255,255,.35);
}
.amiri-name-code-wrapper button.anc-gold:hover{
  box-shadow:
    0 10px 26px rgba(231,196,106,.32),
    inset 0 1px 0 rgba(255,255,255,.5);
  filter:saturate(1.05) brightness(1.02);
}
.amiri-name-code-wrapper button.anc-gold:active{
  background:
    linear-gradient(180deg, #F9D98C 0%, #EAC46C 40%, #D8B257 70%, #9E7E33 100%);
}

/* — «блик» на золотых CTA (маркетинговый микро-эффект) */
.amiri-name-code-wrapper button.anc-gold::after{
  content:"";
  position:absolute; inset:0;
  background:
    linear-gradient(120deg, transparent 0%, rgba(255,255,255,.25) 12%, transparent 18%) no-repeat;
  background-size: 250% 250%;
  mix-blend-mode:screen;
  border-radius:inherit;
  transform:translateZ(0);
  animation: amiriNameCodeShine 2.8s ease-in-out infinite;
  pointer-events:none;
}
@keyframes amiriNameCodeShine{
  0%{ background-position: -180% 0 }
  50%{ background-position: 0% 0 }
  100%{ background-position: 180% 0 }
}

/* ---------- Результат ---------- */
.amiri-name-code-wrapper .anc-result{display:none;margin-top:16px;padding:16px}
.amiri-name-code-wrapper .anc-result.active{display:block;animation:amiriNameCodeFadeIn .35s ease}
@keyframes amiriNameCodeFadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}

.amiri-name-code-wrapper .anc-result .anc-title{
  display:flex; align-items:center; gap:12px; font-weight:800;
  text-shadow:0 2px 14px rgba(231,196,106,.12);
}
.amiri-name-code-wrapper .anc-result .anc-title img,
.amiri-name-code-wrapper .anc-result .anc-title svg{width:42px;height:42px;flex:0 0 42px}

.amiri-name-code-wrapper .anc-block{
  margin-top:12px; padding:12px;
  border-radius:var(--radius-md);
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(231,196,106,0.15);
}

/* ---------- Нижняя фикс-CTA ---------- */
.amiri-name-code-wrapper .anc-cta-bar{
  position:fixed; left:0; right:0; bottom:0;
  background:linear-gradient(180deg, rgba(8,11,20,0.74), rgba(8,11,20,0.92));
  backdrop-filter:blur(8px);
  border-top:1px solid rgba(231,196,106,0.28);
  padding:10px 14px;
  display:flex; gap:10px; justify-content:center; align-items:center;
  z-index:9999;
  box-shadow:0 -10px 30px rgba(0,0,0,.25);
}
.amiri-name-code-wrapper .anc-price{
  color:var(--gold);
  font-weight:800;
  letter-spacing:.2px;
  animation:amiriNameCodePulseGold 3.4s ease-in-out infinite;
}
@keyframes amiriNameCodePulseGold{
  0%,100%{ text-shadow:0 0 0 rgba(231,196,106,0) }
  50%{ text-shadow:0 0 18px rgba(231,196,106,.45) }
}

/* ---------- Тост / баннер ---------- */
.amiri-name-code-wrapper .toast{
  position:fixed; right:16px; bottom:86px;
  background:rgba(20,28,48,0.94);
  padding:10px 12px;
  border:1px solid rgba(231,196,106,0.4);
  border-radius:10px;
  display:none; box-shadow:var(--shadow-lg);
  z-index: 10000;
}
.amiri-name-code-wrapper .toast.show{display:block}
.amiri-name-code-wrapper .anc-lock{
  padding:12px;
  border:1px dashed rgba(231,196,106,0.45);
  border-radius:var(--radius-md);
  background:rgba(231,196,106,0.06);
  color:#DCC896;
}

/* ---------- Ховеры ссылок ---------- */
.amiri-name-code-wrapper a{color:var(--gold); text-decoration:none}
.amiri-name-code-wrapper a:hover{filter:brightness(1.05)}

/* ---------- Мелкие адаптивы ---------- */
@media (max-width:680px){
  .amiri-name-code-wrapper .anc-grid{grid-template-columns:1fr}
  .amiri-name-code-wrapper .anc-cta-bar{padding:12px 12px}
  .amiri-name-code-wrapper .anc-hero{padding-top:26px}
}

/* ---------- Доп. маркетинговые микро-эффекты ---------- */
.amiri-name-code-wrapper button:hover, 
.amiri-name-code-wrapper input[type=text]:focus{
  box-shadow: var(--shadow-gold);
}

/* тонкая золотая разделительная линия между блоками результата */
.amiri-name-code-wrapper .anc-result .anc-block + .anc-block{
  position:relative;
}
.amiri-name-code-wrapper .anc-result .anc-block + .anc-block::before{
  content:"";
  position:absolute; left:12px; right:12px; top:-6px;
  height:1px; background:linear-gradient(90deg, transparent, rgba(231,196,106,.35), transparent);
}

/* mini-badge look */
.amiri-name-code-wrapper .badge-gold{
  display:inline-block; padding:.25rem .5rem; border-radius:999px;
  background:linear-gradient(180deg,#FFE9B3,#E7C46A 60%,#CFAF58);
  color:#0B0F1A; font-weight:700; font-size:.75rem; border:1px solid var(--gold-deep);
  box-shadow:0 2px 10px rgba(231,196,106,.2);
}

.amiri-name-code-wrapper [hidden]{display:none !important}
.amiri-name-code-wrapper [disabled]{cursor:not-allowed}
.amiri-name-code-wrapper [aria-busy="true"]{cursor:progress}
.amiri-name-code-wrapper [role="region"]{outline:0}
.amiri-name-code-wrapper [tabindex]:focus{outline:2px solid #4E5E8F; outline-offset:2px}

/* Убираем влияние глобальных стилей страницы */
.amiri-name-code-wrapper h1,
.amiri-name-code-wrapper h2,
.amiri-name-code-wrapper h3,
.amiri-name-code-wrapper h4,
.amiri-name-code-wrapper h5,
.amiri-name-code-wrapper h6 {
  all: revert;
  font-family: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}

.amiri-name-code-wrapper p {
  all: revert;
  font-family: inherit;
  color: inherit;
  line-height: 1.6;
  margin: 0 0 12px 0;
}

.amiri-name-code-wrapper label {
  font-family: inherit;
  color: var(--muted);
  font-size: 13px;
  display: block;
  margin-bottom: 6px;
}

/* Убираем псевдоэлементы */
.amiri-name-code-wrapper::before,
.amiri-name-code-wrapper::after {
  content: none !important;
}

/* Конец файла */