:root {
  --bg: #060711;
  --panel: #111426;
  --panel-2: #181c33;
  --text: #f4f7fb;
  --muted: #aab2c5;
  --line: rgba(255,255,255,.12);
  --accent: #5ee7ff;
  --accent-2: #b56cff;
}
* { box-sizing: border-box; }
body { margin: 0; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: radial-gradient(circle at 15% 10%, rgba(94,231,255,.18), transparent 32%), radial-gradient(circle at 80% 30%, rgba(181,108,255,.18), transparent 30%), var(--bg); color: var(--text); }
a { color: inherit; text-decoration: none; }
.nav { display: flex; align-items: center; justify-content: space-between; padding: 24px 6vw; border-bottom: 1px solid var(--line); backdrop-filter: blur(12px); position: sticky; top: 0; background: rgba(6,7,17,.72); z-index: 10; }
.brand { font-weight: 800; letter-spacing: .03em; display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.nav-links { display: flex; gap: 20px; color: var(--muted); font-size: 14px; align-items:center; }

.hero { min-height: 78vh; display: grid; grid-template-columns: 1.1fr .9fr; gap: 42px; align-items: center; padding: 80px 6vw; }
.eyebrow { color: var(--accent); text-transform: uppercase; letter-spacing: .2em; font-size: 12px; font-weight: 800; }
h1 { font-size: clamp(42px, 6vw, 78px); line-height: .95; margin: 14px 0 24px; }
.subtitle { color: var(--muted); font-size: 20px; max-width: 760px; line-height: 1.6; }
.actions { display: flex; gap: 14px; margin-top: 32px; flex-wrap: wrap; }

.btn { display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; padding: 13px 20px; font-weight: 700; border: 1px solid var(--line); transition:.2s ease; }
.btn:hover { transform: translateY(-1px); }
.btn-primary, .btn.primary { background: linear-gradient(135deg, var(--accent), var(--accent-2)); color: #050711; border: none; }
.btn-secondary, .btn.secondary { background: rgba(255,255,255,.05); }

.hero-visual { width:100%; }
.radar-card, article, .search-panel { background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03)); border: 1px solid var(--line); border-radius: 28px; padding: 28px; box-shadow: 0 24px 80px rgba(0,0,0,.35); }
.radar-card { min-height: 420px; position: relative; overflow: hidden; display:grid; gap:16px; }
.radar-card:before { content: ""; position: absolute; inset: 35px; border: 1px solid rgba(94,231,255,.2); border-radius: 24px; pointer-events:none; }
.radar-header{display:flex;justify-content:space-between;align-items:center;gap:12px;position:relative;z-index:1;}
.radar-header h3{margin:0;font-size:22px;}
.radar-status{font-size:12px;color:var(--accent);letter-spacing:.08em;text-transform:uppercase;}
.score-wrap{display:flex;align-items:center;gap:24px;position:relative;z-index:1;}
.score-orb{width:120px;height:120px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 30%,rgba(94,231,255,.35),rgba(181,108,255,.18)),#10152a;border:1px solid rgba(94,231,255,.4);box-shadow:0 0 45px rgba(94,231,255,.25);font-size:44px;font-weight:900;}
.score-meta p{margin:0;color:var(--muted);}
.score-meta strong{display:block;font-size:24px;}
.radar-tags{display:flex;flex-wrap:wrap;gap:10px;position:relative;z-index:1;}
.radar-tags span{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid var(--line);font-size:12px;color:#d8e5ff;}
.signal-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;position:relative;z-index:1;}
.signal-item{padding:12px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid var(--line);}
.signal-item small{display:block;color:var(--muted);margin-bottom:8px;}
.signal-item i{display:block;height:8px;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-2));opacity:.9;}

.grid-section, .audience, .page-header, .pricing-grid, .stats, .search-panel { padding: 42px 6vw; }
.grid-section h2, .page-header h1 { font-size: 38px; margin-bottom: 18px; }
.cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.cards.wide { grid-template-columns: repeat(4, 1fr); }
article h3, article h2 { margin-top: 0; }
article p, .page-header p { color: var(--muted); line-height: 1.6; }
.audience { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.audience > div { border-top: 1px solid var(--line); padding-top: 22px; }
.pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.price { font-size: 28px; color: var(--accent); font-weight: 900; }
.stats { display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; }
.stats article span { color: var(--muted); display: block; margin-bottom: 10px; }
.stats article strong { font-size: 32px; }
.search-panel { margin: 30px 6vw; }
.search-panel form { display: flex; gap: 12px; }
input { flex: 1; padding: 15px 18px; border-radius: 14px; border: 1px solid var(--line); background: rgba(255,255,255,.06); color: var(--text); font-size: 16px; }

.auth-shell{min-height:calc(100vh - 180px);display:grid;place-items:center;padding:44px 20px;}
.auth-card{width:min(100%,460px);padding:32px;border-radius:24px;background:linear-gradient(180deg,rgba(18,21,39,.86),rgba(10,12,24,.92));border:1px solid rgba(255,255,255,.14);box-shadow:0 0 36px rgba(94,231,255,.14),0 24px 70px rgba(0,0,0,.35);}
.auth-card h1{margin:0 0 10px;font-size:42px;line-height:1.05;}
.auth-subtitle{margin:0 0 24px;color:var(--muted);}
.auth-form{display:grid;gap:14px;}
.auth-form input{width:100%;padding:16px 18px;border-radius:12px;}
.auth-form .btn{width:100%;padding:16px 18px;font-size:16px;}
.auth-links{margin-top:18px;display:grid;gap:10px;color:var(--muted);}
.auth-links a{color:#d9f5ff;}
.auth-message{color:var(--accent);min-height:20px;}

select{padding:15px 18px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.06);color:var(--text);} .subnav{display:flex;gap:16px;padding:0 6vw 20px;color:var(--muted);flex-wrap:wrap;} #reportList{display:grid;gap:12px;}
.report-shell{padding:0 6vw 50px;}
.report-top{display:grid;grid-template-columns:2fr 1fr;gap:18px;}
.muted{color:var(--muted);} .score-card{display:flex;flex-direction:column;align-items:center;justify-content:center;}
.score-ring{--fill: calc(var(--score) * 1%);width:160px;height:160px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--accent) var(--fill),rgba(255,255,255,.08) 0);} .score-ring strong{width:128px;height:128px;border-radius:50%;display:grid;place-items:center;background:var(--bg);font-size:34px;}
.report-grid{margin:18px 0;} .table-wrap table{width:100%;border-collapse:collapse;margin-bottom:18px;overflow:hidden;border-radius:14px;} .table-wrap th,.table-wrap td{padding:12px;border-bottom:1px solid var(--line);text-align:left;}
.badge{padding:4px 10px;border-radius:999px;background:rgba(94,231,255,.15);border:1px solid rgba(94,231,255,.3);font-size:12px;} .empty-state{text-align:center;padding:52px;}
.site-footer{border-top:1px solid var(--line);margin-top:32px;padding:24px 6vw;color:var(--muted);display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap;}
.brand-logos{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;}
.brand-logo-wrap{display:inline-flex;align-items:center}
.brand-logo-header{height:60px;width:auto;object-fit:contain;padding:4px 8px;border-radius:10px;background:transparent;box-shadow:none;}
.brand-fallback{display:none;padding:8px 10px;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:13px}
.brand-logo-report{width:90px;height:auto;object-fit:contain;padding:8px 12px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.05);box-shadow:0 0 20px rgba(94,231,255,.15);}

@media (max-width: 900px) {
  .hero, .cards, .cards.wide, .audience, .pricing-grid, .stats, .signal-grid { grid-template-columns: 1fr; }
  .nav { align-items: flex-start; gap: 14px; flex-direction: column; }
  .report-top{grid-template-columns:1fr;}
  .table-wrap{overflow:auto;}
  .brand-logo-header{height:48px;}
  .site-footer{text-align:center;}
}
.progress{width:100%;height:12px;background:rgba(255,255,255,.12);border-radius:999px;overflow:hidden;margin-top:20px}
#bar{height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .5s ease}
.analysis-shell{min-height:calc(100vh - 170px);display:grid;place-items:center;padding:40px 16px;}
.analysis-card{width:min(900px,100%);padding:38px;border-radius:28px;background:linear-gradient(180deg,rgba(17,20,38,.9),rgba(11,14,27,.92));border:1px solid var(--line);box-shadow:0 25px 90px rgba(0,0,0,.38);}
.analysis-kicker{margin:0;color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-weight:700;font-size:12px}
.analysis-card h1{font-size:42px;margin:10px 0 12px;}
.analysis-subtitle{color:var(--muted);margin-bottom:24px}
.analysis-form{display:grid;gap:14px}.analysis-form label{display:grid;gap:8px;font-weight:600}
.analysis-submit{margin-top:8px;width:100%;padding:16px 18px;font-size:18px}
.analysis-message{min-height:24px;color:#ffd4da}
.report-profile-card{display:grid;grid-template-columns:180px 1fr;gap:22px;align-items:center}
.report-avatar{width:160px;height:160px;border-radius:24px;object-fit:cover;border:1px solid rgba(94,231,255,.4);box-shadow:0 0 30px rgba(94,231,255,.22)}
.report-avatar.placeholder{display:grid;place-items:center;font-size:52px;font-weight:800;background:linear-gradient(135deg,#1b213f,#2a2250);color:#dff6ff}
.report-metadata{display:grid;grid-template-columns:repeat(2,minmax(200px,1fr));gap:8px 14px;margin:10px 0 14px}
@media (max-width:900px){.report-profile-card{grid-template-columns:1fr}.report-avatar-wrap{display:flex;justify-content:center}.report-metadata{grid-template-columns:1fr}}
.dashboard-shell{max-width:1180px;margin:0 auto;padding:42px 20px;}
.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0;}
.profile-card,.subscription-card,.action-card,.report-card{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03));border:1px solid var(--line);border-radius:22px;padding:20px;}
.action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0;}
.btn-large{padding:14px 20px;font-size:16px;border-radius:14px;display:inline-flex;margin-top:10px}
.btn-gradient{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#050711;border:none}
.btn-logout{background:rgba(255,95,120,.15)!important;border:1px solid rgba(255,95,120,.35)!important}
.plan-badge{padding:6px 12px;border-radius:999px;font-weight:700}
.plan-badge-free{background:rgba(255,255,255,.1)} .plan-badge-basic{background:rgba(94,231,255,.2)} .plan-badge-pro{background:rgba(181,108,255,.2)} .plan-badge-premium{background:linear-gradient(135deg,#5ee7ff,#b56cff);color:#090b16}
.nav-avatar{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.12);font-size:12px}
.lang-switch{padding:6px 10px;border:1px solid var(--line);border-radius:999px}.lang-switch a.active{color:var(--accent);font-weight:700}
@media (max-width:900px){.dashboard-grid,.action-grid{grid-template-columns:1fr;}}

.page-shell{min-height:calc(100vh - 180px);}
.content-container{max-width:1160px;margin:0 auto;padding:36px 20px;display:grid;gap:18px;}
.premium-card,.action-card{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 14px 40px rgba(0,0,0,.28)}
.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.nav-links .btn{padding:10px 14px;border-radius:12px;font-size:14px}
.site-footer a{color:var(--accent);text-decoration:underline}
@media (max-width:900px){.dashboard-grid{grid-template-columns:1fr}.nav-links{flex-wrap:wrap;}}