/* ═══════════════════════════════
   URL SCANNER — PREMIUM DARK UI
   ═══════════════════════════════ */

:root {
  --bg:        #050807; /* Глубокий обсидианово-черный с изумрудным отливом */
  --bg-card:   #0a0f0d; /* Темный карт-фон */
  --bg-card-2: #101714;
  --border:    rgba(0,245,160,0.06);
  --border-glow: rgba(0,245,160,0.35);
  --accent:    #00f5a0; /* Яркий неоново-мятный */
  --accent-2:  #00b4d8; /* Глубокий бирюзово-циановый */
  --accent-3:  #10b981; /* Мягкий изумрудный */
  --safe:      #00f5a0;
  --danger:    #ff3838; /* Насыщенный неоново-красный */
  --text:      #f1fcf8; /* Белый с легким мятным оттенком */
  --text-muted:#52786a;
  --text-dim:  #98beb0;
  --radius:    16px;
  --radius-sm: 10px;
  --shadow:    0 20px 60px rgba(0,0,0,0.8);
  --font:      'Inter', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh;overflow-x:hidden}
.container{max-width:1100px;margin:0 auto;padding:0 24px}
.hidden{display:none!important}

/* HERO */
.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;overflow:hidden}
.hero__bg{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(0,245,160,.12) 0%,transparent 70%)}

.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.25;animation:float 12s ease-in-out infinite}
.orb--1{width:500px;height:500px;background:radial-gradient(circle,#00f5a0,transparent);top:-150px;left:-100px;animation-delay:0s}
.orb--2{width:400px;height:400px;background:radial-gradient(circle,#00b4d8,transparent);top:100px;right:-80px;animation-delay:-4s}
.orb--3{width:300px;height:300px;background:radial-gradient(circle,#10b981,transparent);bottom:100px;left:30%;animation-delay:-8s}
@keyframes float{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-30px) scale(1.05)}}

.grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(0,245,160,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,245,160,.03) 1px,transparent 1px);background-size:48px 48px}

/* NAV */
.nav{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:24px 40px}
.nav__logo{display:flex;align-items:center;gap:10px;font-size:1.15rem;font-weight:500}
.nav__logo strong{font-weight:700;color:var(--accent)}
.nav__logo-icon{font-size:1.5rem;line-height:1}
.nav__badge{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.05);border:1px solid var(--border);border-radius:100px;padding:6px 14px;font-size:.8rem;color:var(--text-dim);backdrop-filter:blur(12px)}
.pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--text-muted);animation:pulse 2s ease-in-out infinite}
.pulse-dot.online{background:var(--safe)}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}

/* HERO CONTENT */
.hero__content{position:relative;z-index:10;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px 80px;text-align:center}
.hero__tag{display:inline-block;padding:5px 14px;background:rgba(0,245,160,.12);border:1px solid rgba(0,245,160,.3);border-radius:100px;font-size:.78rem;font-weight:600;letter-spacing:.5px;color:#a3ffd6;text-transform:uppercase;margin-bottom:24px}
.hero__title{font-size:clamp(2.4rem,6vw,4.2rem);font-weight:800;line-height:1.1;letter-spacing:-2px;margin-bottom:20px}
.gradient-text{background:linear-gradient(135deg,#00f5a0 0%,#00b4d8 50%,#10b981 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero__subtitle{font-size:1.05rem;color:var(--text-dim);max-width:520px;margin-bottom:40px;line-height:1.7}
.hero__subtitle strong{color:var(--text)}

/* SEARCH FORM */
.search-form{width:100%;max-width:700px}
.search-form__input-wrap{display:flex;align-items:center;background:rgba(255,255,255,.04);border:1.5px solid var(--border);border-radius:var(--radius);padding:6px 6px 6px 20px;transition:border-color .2s,box-shadow .2s;backdrop-filter:blur(16px)}
.search-form__input-wrap:focus-within{border-color:var(--border-glow);box-shadow:0 0 0 4px rgba(0,245,160,.1),0 0 40px rgba(0,245,160,.12)}
.search-form__icon{font-size:1.2rem;margin-right:10px;flex-shrink:0}
.search-form__input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-family:var(--font-mono);font-size:.95rem;padding:10px 0;min-width:0}
.search-form__input::placeholder{color:var(--text-muted);font-family:var(--font)}
.search-form__btn{flex-shrink:0;background:linear-gradient(135deg,var(--accent),var(--accent-2));border:none;border-radius:10px;color:#050807;font-family:var(--font);font-size:.92rem;font-weight:750;padding:10px 24px;cursor:pointer;transition:opacity .2s,transform .15s;min-width:110px;display:flex;align-items:center;justify-content:center;gap:6px}
.search-form__btn:hover{opacity:.9;transform:translateY(-1px)}
.search-form__btn:disabled{opacity:.5;cursor:not-allowed}
.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(0,8,7,.3);border-top-color:#000;border-radius:50%;animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.search-form__examples{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:14px;font-size:.8rem;color:var(--text-muted);justify-content:center}
.example-chip{background:rgba(255,255,255,.05);border:1px solid var(--border);border-radius:100px;color:var(--text-dim);font-size:.78rem;padding:3px 10px;cursor:pointer;transition:all .15s;font-family:var(--font)}
.example-chip:hover{background:rgba(0,245,160,.15);border-color:rgba(0,245,160,.4);color:#a3ffd6}

/* MAIN */
.main{padding:60px 0 80px}

/* RESULT CARD */
.result-panel{margin-bottom:60px}
.result-card{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:border-color .4s;animation:slideDown .35s cubic-bezier(.16,1,.3,1)}
@keyframes slideDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}
.result-card.safe-card{border-color:rgba(16,185,129,.4)}
.result-card.danger-card{border-color:rgba(239,68,68,.4)}
.result-card__header{display:flex;align-items:center;gap:20px;padding:28px 32px;border-bottom:1px solid var(--border)}
.result-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0;background:rgba(255,255,255,.05);animation:popIn .4s cubic-bezier(.16,1,.3,1)}
@keyframes popIn{from{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}
.result-icon.safe{background:rgba(16,185,129,.12)}
.result-icon.danger{background:rgba(239,68,68,.12)}
.result-url{font-family:var(--font-mono);font-size:.9rem;color:var(--text-dim);word-break:break-all;margin-bottom:4px}
.result-verdict{font-size:1.4rem;font-weight:700;letter-spacing:-.5px}
.result-verdict.safe{color:var(--safe)}
.result-verdict.danger{color:var(--danger)}
.result-card__body{padding:24px 32px}

/* PROBABILITY BAR */
.prob-section{margin-bottom:24px}
.prob-label{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-dim);margin-bottom:8px}
.prob-value{font-weight:600;color:var(--text)}
.prob-bar{height:8px;background:rgba(255,255,255,.06);border-radius:100px;overflow:hidden}
.prob-bar__fill{height:100%;border-radius:100px;width:0%;transition:width .8s cubic-bezier(.16,1,.3,1);background:linear-gradient(90deg,var(--safe),var(--safe))}
.prob-bar__fill.high{background:linear-gradient(90deg,#f59e0b,var(--danger))}

/* META GRID */
.result-meta-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.meta-item{background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px}
.meta-item__label{display:block;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:6px}
.meta-item__value{font-size:.92rem;font-weight:600;color:var(--text);font-family:var(--font-mono)}

/* SECTIONS */
.section-header{margin-bottom:28px}
.section-title{font-size:1.6rem;font-weight:700;letter-spacing:-.5px;margin-bottom:6px}
.section-subtitle{font-size:.9rem;color:var(--text-muted)}

/* BATCH */
.batch-section{margin-bottom:72px}
.batch-card{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius);padding:28px}
.batch-input{width:100%;background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-mono);font-size:.85rem;padding:16px;resize:vertical;outline:none;line-height:1.7;transition:border-color .2s}
.batch-input:focus{border-color:var(--border-glow)}
.batch-input::placeholder{color:var(--text-muted);font-family:var(--font)}
.batch-actions{display:flex;align-items:center;justify-content:space-between;margin-top:14px}
.batch-counter{font-size:.82rem;color:var(--text-muted)}
.btn{border:none;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font);font-weight:600;font-size:.9rem;padding:10px 22px;transition:all .2s}
.btn--primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#050807;font-weight:750}
.btn--primary:hover{opacity:.88;transform:translateY(-1px)}
.btn--ghost{background:transparent;border:1px solid var(--border);color:var(--text-dim)}
.btn--ghost:hover{border-color:var(--accent);color:var(--accent)}
.batch-results{margin-top:20px;display:flex;flex-direction:column;gap:8px}
.batch-row{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 16px;animation:fadeIn .3s ease both}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.batch-row__badge{flex-shrink:0;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem}
.badge-safe{background:rgba(16,185,129,.15);color:var(--safe)}
.badge-danger{background:rgba(239,68,68,.15);color:var(--danger)}
.batch-row__url{flex:1;font-family:var(--font-mono);font-size:.82rem;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.batch-row__prob{flex-shrink:0;font-size:.8rem;font-weight:600;font-family:var(--font-mono)}
.safe-color{color:var(--safe)}
.danger-color{color:var(--danger)}

/* STATS */
.stats-section{margin-bottom:72px}
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.stat-card{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius);padding:24px;transition:border-color .2s,transform .2s;position:relative;overflow:hidden}
.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2));opacity:0;transition:opacity .2s}
.stat-card:hover{border-color:rgba(99,102,241,.35);transform:translateY(-3px)}
.stat-card:hover::before{opacity:1}
.stat-card__value{font-size:2rem;font-weight:800;letter-spacing:-1px;background:linear-gradient(135deg,var(--text),var(--text-dim));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:4px}
.stat-card__label{font-size:.82rem;color:var(--text-muted);margin-bottom:14px}
.stat-card__bar{height:3px;border-radius:100px;background:linear-gradient(90deg,var(--accent),var(--accent-2));width:var(--w,0%);opacity:.6}

/* FEATURES */
.features-section{margin-bottom:72px}
.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.feature-card{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius);padding:20px;transition:all .2s}
.feature-card:hover{border-color:rgba(99,102,241,.35);background:var(--bg-card-2);transform:translateY(-2px)}
.feature-card__icon{font-size:1.6rem;margin-bottom:10px;display:block}
.feature-card__name{font-size:.88rem;font-weight:600;margin-bottom:6px}
.feature-card__desc{font-size:.78rem;color:var(--text-muted);line-height:1.5}

/* HISTORY */
.history-section{margin-bottom:60px}
.history-section .section-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.history-list{display:flex;flex-direction:column;gap:8px}
.history-item{display:flex;align-items:center;gap:12px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 16px;cursor:pointer;transition:border-color .15s;animation:fadeIn .25s ease both}
.history-item:hover{border-color:rgba(99,102,241,.35)}
.history-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.dot-safe{background:var(--safe)}
.dot-danger{background:var(--danger)}
.history-url{flex:1;font-family:var(--font-mono);font-size:.82rem;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.history-prob{font-family:var(--font-mono);font-size:.8rem;font-weight:600;flex-shrink:0}
.history-show-all-btn{width:100%;margin-top:4px;font-size:.82rem;color:var(--accent);border-color:rgba(99,102,241,.25);letter-spacing:.3px;transition:all .2s}
.history-show-all-btn:hover{background:rgba(99,102,241,.08);border-color:var(--accent)}

/* FOOTER */
.footer{border-top:1px solid var(--border);padding:28px 0;text-align:center;font-size:.8rem;color:var(--text-muted)}

/* RESPONSIVE */
@media(max-width:900px){.stats-grid{grid-template-columns:repeat(2,1fr)}.features-grid{grid-template-columns:repeat(2,1fr)}.result-meta-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.nav{padding:16px 20px}.hero__content{padding:24px 16px 60px}.stats-grid{grid-template-columns:1fr}.features-grid{grid-template-columns:1fr}.result-meta-grid{grid-template-columns:repeat(2,1fr)}.search-form__btn{padding:10px 16px}}