/* ── ПЕРЕМЕННЫЕ ── */
:root{--f:'Google Sans',sans-serif;--tx:#1a1a1a;--r:10px;--fb:rgba(255,255,255,.75);--fb2:1.5px solid rgba(180,178,170,.45);--fc:rgba(30,100,200,.4);--fs:0 0 0 3px rgba(30,100,200,.08);--red:#e24b4a}

/* ── HERO ── */
.nm-hero{position:relative;overflow:hidden;padding:30px 24px 10px;text-align:center;background:linear-gradient(to bottom,#06101f 0%,#0c1d3a 40%,#132e55 70%,#1a4070 100%)}
.nm-hero *,.nm-form-section *,.nm-feed-section *{font-family:var(--f);box-sizing:border-box}
.nm-hero__glow{position:absolute;border-radius:50%;pointer-events:none}
.nm-hero__glow--tr{top:-100px;right:-40px;width:420px;height:420px;background:radial-gradient(circle,rgba(60,130,220,.2) 0%,transparent 65%)}
.nm-hero__glow--bl{bottom:-80px;left:-60px;width:360px;height:360px;background:radial-gradient(circle,rgba(30,100,200,.14) 0%,transparent 60%)}
.nm-hero__glow--c{top:30%;left:55%;width:280px;height:280px;background:radial-gradient(circle,rgba(255,255,255,.03) 0%,transparent 60%)}
.nm-hero__inner{position:relative;z-index:1;max-width:680px;margin:0 auto}
.nm-hero__badge{display:inline-block;font-size:16px;font-weight:400;letter-spacing:.12em;color:rgba(200,225,255,.95);border:1px solid rgba(200,225,255,.25);padding:7px 22px;border-radius:24px;margin-bottom:18px;text-transform:uppercase}
.nm-hero h1{font-size:42px;font-weight:400;color:#fff;margin:20px 0 30px;line-height:1.2;letter-spacing:.02em}
.nm-hero__sub{font-size:21px;font-weight:300;color:rgba(255,255,255,.7);line-height:1.5}
.nm-hero__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 auto}
.nm-hero__card{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px 16px;text-align:left}
.nm-hero__icon{flex-shrink:0;width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center}
.nm-hero__icon--bolt{background:rgba(245,190,60,.1);border:1px solid rgba(245,190,60,.18)}
.nm-hero__icon--mic{background:rgba(100,180,250,.1);border:1px solid rgba(100,180,250,.18)}
.nm-hero__icon--pro{background:rgba(160,120,240,.1);border:1px solid rgba(160,120,240,.18)}
.nm-hero__icon--free{background:rgba(80,210,170,.1);border:1px solid rgba(80,210,170,.18)}
.nm-hero__card-title,.nm-hero__card-desc{font-size:16px;line-height:1.35}
.nm-hero__card-title{font-weight:400;color:rgba(255,255,255,.95)}
.nm-hero__card-desc{font-weight:300;color:rgba(255,255,255,.5);margin-top:2px}

/* ── ОБЩИЕ КОНТЕЙНЕРЫ ── */
.nm-form-section,.nm-feed-section,.nm-loading{max-width:700px;margin-left:auto;margin-right:auto}

/* ── ФОРМА ── */
.nm-form-section{background:#dadfe4;border-radius:12px;padding:28px 20px 24px}
.nm-form-section h2{font-size:20px;font-weight:400;color:#111;text-align:center;margin:0 0 24px}
.nm-form .form1__label{display:flex;justify-content:space-between;align-items:baseline;font-size:18px;color:#333;margin-bottom:6px;font-weight:500}
.nm-form .form1__label .nm-char-count{font-size:14px;color:#888;transition:color .2s;font-weight:400}
.nm-form .nm-field{position:relative;background:var(--fb);border:var(--fb2);border-radius:var(--r);margin-bottom:14px;transition:border-color .25s,box-shadow .25s,background .25s}
.nm-form .nm-field:focus-within,.nm-form .form1__select:focus,.nm-tpl-name-input:focus{border-color:var(--fc);box-shadow:var(--fs)}
.nm-form .nm-field.recording{border-color:var(--red)!important;box-shadow:0 0 0 3px rgba(226,75,74,.08)!important;background:rgba(255,251,251,.9)!important}
.nm-form .nm-field.overflow{border-color:var(--red)!important;box-shadow:0 0 0 3px rgba(226,75,74,.12)!important}
.nm-form .form1__input,.nm-form .form1__textarea{width:100%;border:none;background:transparent;padding:14px 100px 14px 14px;font-size:18px;color:var(--tx);outline:none;font-family:var(--f);border-radius:var(--r)}
.nm-form .form1__textarea{min-height:90px;resize:vertical;overflow:auto;display:block}
.nm-form .form1__input::placeholder,.nm-form .form1__textarea::placeholder{color:#888}
.nm-form .nm-field-controls{position:absolute;right:2px;top:3px;display:flex;align-items:center;gap:0}
.nm-form .nm-btn-circle{width:36px;height:36px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .15s,transform .1s;padding:0}
.nm-form .nm-btn-circle:active{transform:scale(.92)}
.nm-form .nm-mic-btn{border:1.3px solid #d0cec8;background:#f5f5f2;color:#bfbebb}
.nm-form .nm-mic-btn:hover{background:#eae9e5;border-color:#b8b6b0}
.nm-form .nm-mic-btn svg{width:20px;height:20px;fill:currentColor;pointer-events:none}
.nm-form .nm-mic-btn.active{background:#22c55e!important;border-color:#22c55e!important;color:#fff!important}
.nm-form .nm-clear-btn,.nm-form .nm-cancel-btn{background:rgba(0,0,0,.05);display:none}
.nm-form .nm-clear-btn{color:#999}
.nm-form .nm-cancel-btn{color:#777}
.nm-form .nm-clear-btn.visible{display:flex}
.nm-form .nm-clear-btn:hover{background:#fdf5f5;color:var(--red)}
.nm-form .nm-cancel-btn:hover{background:#f5f0f0}
.nm-form .nm-clear-btn svg,.nm-form .nm-cancel-btn svg{width:16px;height:16px;pointer-events:none}
.nm-form .nm-rec-panel{display:none;align-items:center;gap:8px;background:rgba(255,251,251,.92);border-radius:24px;padding:0}
.nm-form .nm-field.recording .nm-rec-panel{display:flex}
.nm-form .nm-field.recording .nm-cancel-btn{display:flex}
.nm-form .nm-field.recording .nm-clear-btn{display:none!important}
.nm-form .nm-rec-dot{width:8px;height:8px;border-radius:50%;background:var(--red);flex-shrink:0;animation:nmPulse 1s ease-in-out infinite}
@keyframes nmPulse{0%,100%{opacity:1}50%{opacity:.3}}
.nm-form .nm-rec-wave{display:flex;gap:2px;align-items:center;height:24px;flex-shrink:0}
.nm-form .nm-rec-wave i{display:block;width:2.5px;border-radius:2px;background:var(--red);opacity:.6;animation:nmBar .7s ease-in-out infinite}
.nm-form .nm-rec-wave i:nth-child(1){height:6px;animation-delay:0s}
.nm-form .nm-rec-wave i:nth-child(2){height:14px;animation-delay:.08s}
.nm-form .nm-rec-wave i:nth-child(3){height:20px;animation-delay:.12s}
.nm-form .nm-rec-wave i:nth-child(4){height:10px;animation-delay:.18s}
.nm-form .nm-rec-wave i:nth-child(5){height:18px;animation-delay:.22s}
.nm-form .nm-rec-wave i:nth-child(6){height:8px;animation-delay:.28s}
.nm-form .nm-rec-wave i:nth-child(7){height:16px;animation-delay:.32s}
.nm-form .nm-rec-wave i:nth-child(8){height:12px;animation-delay:.38s}
@keyframes nmBar{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1)}}
.nm-form .nm-rec-timer{font-size:16px;font-weight:600;color:#a32d2d;font-variant-numeric:tabular-nums;min-width:42px;text-align:center;flex-shrink:0}
.nm-form .nm-selects{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}
.nm-form .form1__select{width:100%;border:var(--fb2);background-color:var(--fb);background-image:url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%23888' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;border-radius:var(--r);padding:14px;font-size:18px;color:var(--tx);font-family:var(--f);appearance:none;cursor:pointer;outline:none}
.nm-form .form1__button{width:100%;border:none;background:linear-gradient(135deg,#1a4070,#2b6cb0);border-radius:var(--r);padding:16px;font-size:18px;font-weight:400;color:#fff;cursor:pointer;font-family:var(--f);margin:20px 0 10px;transition:opacity .15s,transform .12s}
.nm-form .form1__button:hover{opacity:.9}
.nm-form .form1__button:active{transform:scale(.98)}
.nm-form .form1__button:disabled{opacity:.5;cursor:not-allowed}
.nm-form .nm-error{font-size:14px;color:#a32d2d;min-height:18px;margin-top:6px;text-align:center}
.nm-form .nm-bottom-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;row-gap:8px;margin-top:4px}
.nm-form .nm-bottom-group{display:flex;align-items:center;gap:6px;flex-shrink:0}
.nm-form .nm-bottom-label{font-size:13px;color:#666;font-weight:500;white-space:nowrap}
.nm-form .nm-tpl-btn,.nm-form .nm-font-btn{color:#333;cursor:pointer;font-family:var(--f);line-height:1.2;white-space:nowrap;transition:background .15s}
.nm-form .nm-tpl-btn{background:rgba(255,255,255,.65);border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:7px 12px;font-size:13px}
.nm-form .nm-tpl-btn:hover{background:rgba(255,255,255,.95)}
.nm-form .nm-font-group{display:flex;background:rgba(255,255,255,.65);border:1px solid rgba(0,0,0,.1);border-radius:8px;overflow:hidden}
.nm-form .nm-font-btn{border:none;background:transparent;padding:5px 12px;font-size:16px;font-weight:600}
.nm-form .nm-font-btn:hover{background:rgba(0,0,0,.06)}
.nm-form .nm-font-btn:active{background:rgba(0,0,0,.1)}
.nm-form .nm-font-sep{width:1px;background:rgba(0,0,0,.1)}
.nm-form .loadingSpinner{display:none}

/* ── ЗАГРУЗКА ── */
.nm-loading{display:none;text-align:center;padding:20px 0;color:#fff;font-size:18px;font-family:var(--f)}
.nm-loading.active{display:flex;flex-direction:column;align-items:center;gap:10px}
.nm-spinner{width:36px;height:36px;border:3px solid #e2e0db;border-top-color:#2b6cb0;border-radius:50%;animation:nmSpin .8s linear infinite}
@keyframes nmSpin{to{transform:rotate(360deg)}}
.nm-loading-timer,.timer{color:#bfbebe;font-variant-numeric:tabular-nums}

/* ── ЛЕНТА ОТВЕТОВ ── */
.nm-feed-section{background:#f5f6fa;border-radius:12px;padding:20px}
.nm-feed-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.nm-feed-title{font-size:13px;font-weight:500;color:#666;text-transform:uppercase;letter-spacing:.08em}
.nm-feed-clear{background:rgba(200,50,50,.06);border:1px solid rgba(200,50,50,.12);border-radius:8px;padding:8px 16px;font-size:14px;color:#b44;cursor:pointer;font-family:var(--f);transition:background .15s;display:none}
.nm-feed-clear.visible{display:block}
.nm-feed-clear:hover{background:rgba(200,50,50,.12)}
.nm-answer-card{background:#fff;border:1px solid #dddce0;border-radius:12px;padding:16px 18px;margin-bottom:12px;font-family:var(--f)}
.nm-answer-card .nm-answer-text{font-size:18px;color:var(--tx);line-height:1.65;margin:0 0 14px;word-wrap:break-word}
.nm-answer-card .nm-answer-text p{margin:0 0 10px}
.nm-answer-card .nm-answer-text ul,.nm-answer-card .nm-answer-text ol{padding-left:20px;margin:8px 0}
.nm-answer-card .nm-answer-text strong{font-weight:600;color:#111}
.nm-answer-card .nm-answer-text h1,.nm-answer-card .nm-answer-text h2,.nm-answer-card .nm-answer-text h3,.nm-answer-card .nm-answer-text h4,.nm-answer-card .nm-answer-text h5,.nm-answer-card .nm-answer-text h6{font-weight:600;color:#111;line-height:1.3}
.nm-answer-card .nm-answer-text h1{font-size:22px;margin:16px 0 8px}
.nm-answer-card .nm-answer-text h2{font-size:20px;margin:14px 0 6px}
.nm-answer-card .nm-answer-text h3{font-size:18px;margin:12px 0 6px}
.nm-answer-card .nm-answer-text h4,.nm-answer-card .nm-answer-text h5,.nm-answer-card .nm-answer-text h6{font-size:18px;margin:10px 0 4px}
.nm-answer-card .nm-remove-btn{width:28px;height:28px;border-radius:50%;background:rgba(0,0,0,.05);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;color:#999;float:right;margin:-4px -4px 0 8px}
.nm-answer-card .nm-remove-btn:hover{background:rgba(0,0,0,.1);color:#666}
.nm-answer-card .nm-answer-btns{display:flex;gap:8px;flex-wrap:wrap;clear:both;padding-top:12px;border-top:1px solid #e8e6e1}
.nm-answer-btn{background:#ededeb;border:none;border-radius:8px;padding:8px 14px;font-size:14px;color:#444;cursor:pointer;font-family:var(--f);display:inline-flex;align-items:center;gap:6px;transition:background .15s}
.nm-answer-btn:hover{background:#e0dfdc}
.nm-answer-btn svg{width:16px;height:16px}

/* ── ВСПОМОГАТЕЛЬНЫЕ ── */
.nm-form .form1__label .nm-char-count.overflow{color:var(--red)!important;font-weight:700}
.nm-tpl-name-input{width:100%;border:var(--fb2);border-radius:8px;padding:12px 14px;font-size:18px;font-family:var(--f);color:var(--tx);outline:none;margin:10px 0;box-sizing:border-box}

/* ── МОДАЛКИ ── */
.modalBackground{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:9999;display:flex;align-items:center;justify-content:center}
.modalContent{background:#fff;border-radius:16px;padding:28px;max-width:420px;width:90%;font-family:var(--f);animation:nmModalIn .3s}
.modalWrapper{text-align:center;color:var(--tx)}
.modalWrapper p,.modalWrapper h3,.modalWrapper label,.modalWrapper span,.modalWrapper a{font-size:18px!important;line-height:1.5}
.modalWrapper h3{font-size:20px!important;font-weight:600}
.modalAudioContent{background:#fef9e7;border-radius:16px;padding:24px 28px;min-width:200px;font-family:var(--f)}
.modalAudioContent p{font-size:18px!important;color:#333}
.modalButton{padding:12px 24px;border:none;border-radius:10px;font-size:18px;cursor:pointer;font-family:var(--f);margin:6px;transition:opacity .15s}
.modalButton:hover{opacity:.85}
.dotAnimation::after{content:'';animation:nmDots 1.5s steps(3) infinite}
@keyframes nmDots{0%{content:''}33%{content:'.'}66%{content:'..'}100%{content:'...'}}
@keyframes nmModalIn{from{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}

/* ── АДАПТАЦИЯ ── */
@media(max-width:768px){
  .nm-hero__glow--tr{top:-60px;right:-30px;width:200px;height:200px}
  .nm-hero__glow--bl{bottom:-50px;left:-40px;width:180px;height:180px}
  .nm-hero__glow--c{display:none}
  .nm-hero__badge{font-size:13px;padding:5px 14px;margin-bottom:20px}
  .nm-hero h1{font-size:28px}
  .nm-hero__sub{font-size:17px}
  .nm-hero__grid{grid-template-columns:1fr;gap:10px;max-width:100%}
  .nm-hero__card{padding:12px 14px;border-radius:12px}
  .nm-hero__icon{width:30px;height:30px;border-radius:8px}
  .nm-hero__card-title{font-size:19px}
  .nm-hero__card-desc{font-size:18px}
  .nm-form-section{padding:20px 14px}
  .nm-form .nm-selects{grid-template-columns:1fr}
  .nm-form .nm-bottom-bar{flex-direction:column;align-items:stretch}
  .nm-form .nm-bottom-group{justify-content:center}
  .nm-form .nm-rec-panel{padding:0;gap:6px}
  .nm-form .nm-field-controls{gap:0}
  .nm-form .form1__input,.nm-form .form1__textarea,.nm-form .form1__select,.nm-form .form1__button,.nm-form .form1__label span{font-size:18px!important}
  .nm-form-wrap{padding:30px 2px 40px}
  .nm-feed-section {padding: 20px 10px}
}

/* ── ГРАДИЕНТ Hero → Форма ── */
.nm-form-wrap{background:linear-gradient(to bottom,#1a4070 0%,#1d4d82 30%,#235898 60%,#b0c1d4 100%);padding:40px 2px 56px}
 
 button {
           padding: 10px 20px;
            border: none;
            border-radius: 5px;
            font-size: 16px;
            cursor: pointer;
            margin: 5px;
        }
/* Поделиться в социальных сетях */
        .telegram-btn {background-color: #39AEDF;color: #ffffff;}
        .vk-btn {background-color: #4A76A8;color: #ffffff;}
        .whatsapp-btn {background-color: #25D366;color: #ffffff;}
        .ok-btn {background-color: #EE8208;color: #ffffff;}
        .button-container {text-align: center;color: #ffffff;}
        .viber-btn {background-color: #665CAC;color: #ffffff;}
        
        .t850__wrap {padding: 12px 20px;}
        .t613__title {padding: 15px 20px;}
        .t613__wrapper {padding: 12px 30px;}
        .t-feed__buttons-wrapper {margin-top: 40px;}