/* ══════════════════════════════════════════════════════════════ Afooqgle — Custom Shield Identity Built from the bot's own profile picture + banner: banner bg #07070f→#0c0c1a, gradient bars #6366f1→#a78bfa and #6366f1→#7c3aed, shield avatar in indigo→violet. Dramatic custom theme: drifting nebula, floating shield watermark, flowing gradient borders, glow accents, reveal-on-scroll. Respects prefers-reduced-motion. ══════════════════════════════════════════════════════════════ */ /* ── Tokens (superset for all pages) ── */ :root{ --bg:#07070f;--bg-deep:#050509; --surface:#0c0c1a;--surface-2:#101026; --card:#101025;--card-hover:#151535; --border:rgba(167,139,250,0.09);--border-light:rgba(167,139,250,0.16);--border-glow:rgba(124,58,237,0.22); --text:#f1f1f9;--text-secondary:#a6a9c8;--text-muted:#62658a; --accent:#6366f1;--accent-hover:#818cf8;--accent-2:#7c3aed;--accent-3:#a78bfa; --accent-glow:rgba(124,58,237,0.28);--accent-soft:rgba(99,102,241,0.10); --green:#22c55e;--green-bg:rgba(34,197,94,0.08);--green-glow:rgba(34,197,94,0.25); --red:#f87171;--red-bg:rgba(248,113,113,0.08);--red-glow:rgba(248,113,113,0.25); --amber:#fbbf24;--amber-bg:rgba(251,191,36,0.08); --gold:#fbbf24;--gold-bg:rgba(251,191,36,0.1); --blue:#60a5fa;--purple:#a78bfa; --radius:18px;--radius-sm:12px;--radius-xs:8px; --font:'Inter',-apple-system,sans-serif;--mono:'JetBrains Mono',monospace; --shadow-sm:0 2px 10px rgba(0,0,0,0.4);--shadow:0 6px 30px rgba(0,0,0,0.45); --shadow-lg:0 12px 60px rgba(0,0,0,0.6);--shadow-glow:0 6px 32px rgba(124,58,237,0.25); --grad-shield:linear-gradient(135deg,#6366f1 0%,#7c3aed 55%,#a78bfa 100%); --grad-bar:linear-gradient(90deg,#6366f1 0%,#a78bfa 100%); } /* ── Reset ── */ *,*::before,*::after{margin:0;padding:0;box-sizing:border-box} html{scroll-behavior:smooth} select,input,button,textarea{font-family:var(--font)} /* ── Base + animated nebula background ── The dark navy + ambient gradient lives on (canvas). body is fully transparent so the z-index:-n orb/grid/watermark layers float above the canvas but below page content. */ html{ background: radial-gradient(1100px 600px at 82% -8%, rgba(124,58,237,0.20), transparent 62%), radial-gradient(900px 550px at 8% 108%, rgba(99,102,241,0.17), transparent 60%), radial-gradient(700px 420px at 50% 118%, rgba(167,139,250,0.10), transparent 70%), linear-gradient(180deg,var(--bg) 0%,var(--bg-deep) 100%); background-attachment:fixed; min-height:100%; } body{ min-height:100vh; background:transparent; font-family:var(--font);color:var(--text); -webkit-font-smoothing:antialiased;font-weight:450; position:relative;overflow-x:hidden; } /* faint grid texture */ body::before{ content:'';position:fixed;inset:0;z-index:-3;pointer-events:none; background-image: linear-gradient(rgba(167,139,250,0.028) 1px,transparent 1px), linear-gradient(90deg,rgba(167,139,250,0.028) 1px,transparent 1px); background-size:56px 56px; -webkit-mask-image:radial-gradient(ellipse at 50% 40%,#000 30%,transparent 78%); mask-image:radial-gradient(ellipse at 50% 40%,#000 30%,transparent 78%); } /* drifting nebula orbs */ body::after{ content:'';position:fixed;z-index:-2;inset:-10%;pointer-events:none; background: radial-gradient(38% 30% at 24% 26%, rgba(124,58,237,0.20), transparent 70%), radial-gradient(34% 26% at 78% 34%, rgba(99,102,241,0.18), transparent 70%), radial-gradient(30% 24% at 62% 84%, rgba(167,139,250,0.14), transparent 70%), radial-gradient(22% 18% at 12% 78%, rgba(129,140,248,0.12), transparent 70%); filter:blur(34px); animation:nebulaDrift 34s ease-in-out infinite alternate; will-change:transform; } /* ── Floating shield watermark ── */ .shield-watermark{ position:fixed;z-index:-1;pointer-events:none;opacity:.05; width:min(46vw,520px);height:auto; top:-4%;right:-6%; filter:drop-shadow(0 0 40px rgba(124,58,237,0.35)); animation:shieldFloat 16s ease-in-out infinite; } .shield-watermark svg{width:100%;height:100%;display:block} @keyframes nebulaDrift{ 0%{transform:translate3d(0,0,0) scale(1) rotate(0deg)} 50%{transform:translate3d(3%,2%,0) scale(1.12) rotate(2deg)} 100%{transform:translate3d(-2%,-3%,0) scale(1.05) rotate(-2deg)} } @keyframes shieldFloat{ 0%,100%{transform:translateY(0) rotate(0deg)} 50%{transform:translateY(-22px) rotate(2.5deg)} } ::selection{background:var(--accent-2);color:#fff;text-shadow:none} ::-webkit-scrollbar{width:6px;height:6px} ::-webkit-scrollbar-track{background:transparent} ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent),var(--accent-2));border-radius:4px;border:1px solid rgba(0,0,0,0.35)} ::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--accent-hover),var(--accent-3))} /* ── Container ── */ .container{max-width:1040px;margin:0 auto;padding:0 24px} /* ── Top bar (index / alt-search / server-dashboard) ── */ .top-bar{display:flex;align-items:center;justify-content:space-between;padding:20px 0 16px;border-bottom:1px solid var(--border);margin-bottom:32px;position:relative} .top-bar::after{content:'';position:absolute;left:0;bottom:-1px;width:160px;height:1px;background:var(--grad-bar);box-shadow:0 0 12px var(--accent-glow)} .top-bar .left{display:flex;align-items:center;gap:14px} .top-bar .logo{width:36px;height:36px;border-radius:12px;flex-shrink:0;overflow:hidden;box-shadow:0 2px 16px var(--accent-glow);background:linear-gradient(135deg,var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center} .top-bar .logo img{width:100%;height:100%;object-fit:contain} .top-bar .brand{font-size:16px;font-weight:700;letter-spacing:-0.2px} .top-bar .brand span{color:var(--text-muted);font-weight:450} .top-bar .right{display:flex;align-items:center;gap:14px} .brand span{color:var(--text-muted);font-weight:450} /* ── Plan badge ── */ .plan-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 14px;border-radius:20px;font-size:10px;font-weight:600;cursor:default;letter-spacing:.2px;opacity:0;transition:opacity .4s} .plan-badge.show{opacity:1} .plan-free{background:rgba(148,163,184,0.06);color:var(--text-muted);border:1px solid rgba(148,163,184,0.1)} .plan-premium{background:var(--accent-soft);color:var(--accent-3);border:1px solid rgba(167,139,250,0.25)} /* ── Nav links ── */ .nav-links{display:flex;align-items:center;gap:8px} .nav-links a,.nav-links button{font-size:12px;color:var(--text-secondary);text-decoration:none;transition:all .15s;display:flex;align-items:center;gap:6px;background:none;border:none;font-family:var(--font);cursor:pointer;padding:6px 10px;border-radius:var(--radius-xs)} .nav-links a:hover,.nav-links button:hover{color:var(--text);background:var(--accent-soft)} /* ── Header (premium / affiliate / casino / servers) ── */ .header{width:100%;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:rgba(12,12,26,0.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:relative;z-index:50} .header .logo{font-size:15px;font-weight:700;color:var(--text);text-decoration:none;display:flex;align-items:center;gap:10px} .header .logo .logo-icon{width:30px;height:30px;border-radius:9px;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:13px;color:#fff;flex-shrink:0;background:var(--grad-shield)} .header .logo img{width:100%;height:100%;object-fit:contain} .header .logo span{color:var(--text-muted);font-weight:450} .header .nav{display:flex;gap:10px;align-items:center} .header .nav a{color:var(--text-secondary);text-decoration:none;font-size:13px;transition:color .15s;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:var(--radius-xs)} .header .nav a:hover{color:var(--text);background:var(--accent-soft)} .header .nav a.active{color:var(--text);font-weight:600;background:var(--accent-soft);box-shadow:inset 0 0 0 1px rgba(167,139,250,0.18)} .header .right{display:flex;align-items:center;gap:12px} .header .brand{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;color:var(--text);text-decoration:none} .header .brand img{width:20px;height:20px;border-radius:6px} .header .brand span{color:var(--text-muted);font-weight:500} .header .links{display:flex;gap:12px} .header .links a{color:var(--text-secondary);text-decoration:none;font-size:12px;font-weight:500;padding:6px 12px;border-radius:8px;transition:all .15s} .header .links a:hover{background:var(--card);color:var(--text)} #sessionInfo{display:none;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)} #sessionInfo img{width:24px;height:24px;border-radius:50%} /* ── Buttons ── */ .btn{padding:8px 20px;border-radius:var(--radius-xs);font-size:12px;font-weight:600;font-family:var(--font);cursor:pointer;border:none;display:inline-flex;align-items:center;gap:6px;transition:all .18s;text-decoration:none;white-space:nowrap;position:relative} .btn:hover{transform:translateY(-1px)} .btn:disabled{opacity:.4;cursor:not-allowed;transform:none} .btn-accent{background:var(--grad-shield);color:#fff}.btn-accent:hover{box-shadow:0 6px 24px var(--accent-glow);filter:brightness(1.08)} .btn-primary{background:var(--grad-shield);color:#fff;border:none}.btn-primary:hover{opacity:.92;box-shadow:0 6px 24px var(--accent-glow)} .btn-primary:disabled{opacity:.4;cursor:not-allowed} .btn-ghost{background:var(--surface);color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover{background:var(--card-hover);color:var(--text);border-color:var(--border-light)} .btn-green{background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff}.btn-green:hover{box-shadow:0 6px 22px var(--green-glow);opacity:.94} .btn-red{background:var(--red-bg);color:var(--red);border:1px solid rgba(248,113,113,0.16)}.btn-red:hover{background:rgba(248,113,113,0.14);box-shadow:0 4px 18px var(--red-glow)} .btn-gold{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#000}.btn-gold:hover{box-shadow:0 6px 22px rgba(251,191,36,0.3);opacity:.94} .btn-outline{background:transparent;border:1px solid var(--border-light);color:var(--text-secondary)}.btn-outline:hover{border-color:var(--accent-3);color:var(--text);box-shadow:0 0 14px var(--accent-glow)} .btn-sm{padding:5px 12px;font-size:10px} .btn-xs{padding:3px 10px;font-size:9px} .btn-inline{padding:5px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text-secondary);font-size:11px;font-weight:500;font-family:var(--font);cursor:pointer;transition:all .12s;text-decoration:none;display:inline-flex;align-items:center;gap:5px} .btn-inline:hover{background:var(--accent-soft);color:var(--text);border-color:rgba(167,139,250,0.3)} .btn-note{padding:3px 10px;font-size:10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text-muted);cursor:pointer;font-family:var(--font);transition:all .12s}.btn-note:hover{background:var(--grad-shield);color:#fff;border-color:transparent} .btn-buy{width:100%;padding:12px;border-radius:var(--radius-sm);border:none;font-size:14px;font-weight:700;cursor:pointer;background:var(--grad-shield);color:#fff;transition:all .2s} .btn-buy:hover{box-shadow:0 8px 30px var(--accent-glow);filter:brightness(1.07)} .btn-buy:disabled{opacity:.4;cursor:not-allowed} /* ── Badges ── */ .badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:20px;font-size:9px;font-weight:600;letter-spacing:.2px;white-space:nowrap} .badge-red{background:var(--red-bg);color:var(--red);border:1px solid rgba(248,113,113,0.16)} .badge-amber{background:var(--amber-bg);color:var(--amber);border:1px solid rgba(251,191,36,0.18)} .badge-green{background:var(--green-bg);color:var(--green);border:1px solid rgba(34,197,94,0.16)} .badge-gray{background:rgba(148,163,184,0.05);color:var(--text-muted);border:1px solid rgba(148,163,184,0.1)} .badge-blue{background:rgba(96,165,250,0.08);color:var(--blue);border:1px solid rgba(96,165,250,0.18)} .badge-accent{background:var(--accent-soft);color:var(--accent-3);border:1px solid rgba(167,139,250,0.25)} .badge-gold{background:var(--gold-bg);color:var(--gold);border:1px solid rgba(251,191,36,0.2)} /* ── Cards (gradient hairline border) ── */ .card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:28px;position:relative;box-shadow:var(--shadow-sm)} .card::before{content:'';position:absolute;inset:0;border-radius:var(--radius);padding:1px;background:linear-gradient(135deg,rgba(124,58,237,0.5),transparent 42%,transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none} .card h2{font-size:18px;font-weight:700;margin-bottom:4px;display:flex;align-items:center;gap:8px} .card h2 i{color:var(--accent-3)} .card .sub{font-size:12px;color:var(--text-muted);margin-bottom:24px;line-height:1.5} .card + .card{margin-top:16px} .card-inner{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:20px;margin-bottom:14px} .card-inner:last-child{margin-bottom:0} .card-inner h3{font-size:14px;font-weight:600;margin-bottom:14px;display:flex;align-items:center;gap:6px} .card-inner h3 i{color:var(--accent-3);font-size:12px} .card-top{display:flex;align-items:flex-start;gap:14px;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--border)} .card-tabs{display:flex;gap:4px;margin-bottom:14px;padding:0 0 12px;border-bottom:1px solid var(--border);overflow-x:auto;flex-wrap:nowrap} .card-tabs::-webkit-scrollbar{height:0} .tab-btn{padding:4px 12px;font-size:10px;font-weight:600;background:none;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;font-family:var(--font);white-space:nowrap;transition:all .12s;display:flex;align-items:center;gap:5px} .tab-btn:hover{color:var(--text-secondary);background:var(--surface)} .tab-btn.active{color:var(--text);background:var(--accent-soft);box-shadow:inset 0 0 0 1px rgba(167,139,250,0.2)} .tab-panel{display:none} .tab-panel.active{display:block;animation:fadeIn .2s ease} /* ── Stat cards ── */ .stats-row,.stats-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:24px} .stat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden} .stat-card::after{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--grad-bar);opacity:.6} .stat-card .stat-label{font-size:9px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px} .stat-card .stat-value{font-size:20px;font-weight:700;font-family:var(--mono);letter-spacing:-0.5px;background:var(--grad-shield);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent} .stat-card .stat-sub{font-size:10px;color:var(--text-muted);margin-top:3px} .stat-card .stat-icon{font-size:20px;margin-bottom:8px;color:var(--accent-3)} .hero-stats{display:flex;justify-content:center;gap:8px;margin-top:20px;flex-wrap:nowrap} .hero-stat{flex:1;min-width:0;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 10px;text-align:center;transition:all .2s;position:relative} .hero-stat:hover{border-color:var(--accent-3);box-shadow:0 0 0 1px var(--accent-3),0 0 26px var(--accent-glow),0 6px 24px rgba(0,0,0,0.4);transform:translateY(-2px)} .hero-stat .num{font-size:18px;font-weight:800;font-family:var(--mono);letter-spacing:-0.5px;background:var(--grad-shield);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;white-space:nowrap} .hero-stat .lbl{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-top:2px} .hero-stat .ico{font-size:16px;margin-bottom:4px} /* ── Hero ── */ .hero{text-align:center;margin-bottom:8px} .hero h1{font-size:40px;font-weight:800;margin-bottom:10px;letter-spacing:-0.5px;background:var(--grad-shield);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 8s ease infinite;line-height:1.15} .hero h1 span{background:var(--grad-shield);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent} .hero p{color:var(--text-secondary);font-size:15px;max-width:600px;margin:0 auto;line-height:1.6} .page-header{padding:4px 0 20px} .page-header h1{font-size:26px;font-weight:800;display:flex;align-items:center;gap:12px;letter-spacing:-0.5px;line-height:1.2;background:var(--grad-shield);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 8s ease infinite} .page-header h1 i{-webkit-text-fill-color:var(--accent-3)} .page-header p{font-size:13px;color:var(--text-secondary);margin-top:6px;max-width:580px;line-height:1.6} .section-title{font-size:18px;font-weight:700;margin-bottom:4px;display:flex;align-items:center;gap:8px} .section-title i{color:var(--accent-3)} .section-sub{font-size:12px;color:var(--text-muted);margin-bottom:24px;line-height:1.5} .section-label{font-size:9px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:14px 0 6px;display:flex;align-items:center;gap:8px} .section-label:after{content:'';flex:1;height:1px;background:var(--border)} /* ── Search card ── */ .search-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin-bottom:24px;box-shadow:var(--shadow);position:relative;overflow:hidden} .search-card::before{content:'';position:absolute;inset:0;border-radius:var(--radius);padding:1px;background:linear-gradient(135deg,rgba(124,58,237,0.55),transparent 45%,transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none} .search-card::after{content:'';position:absolute;top:-50%;left:-20%;width:60%;height:200%;background:linear-gradient(100deg,transparent,rgba(167,139,250,0.06),transparent);transform:rotate(18deg);animation:sheen 7s ease-in-out infinite;pointer-events:none} .search-card .search-types{display:flex;gap:4px;margin-bottom:16px;padding:3px;background:var(--surface);border-radius:var(--radius-sm);width:fit-content} .search-card .search-types label{display:flex;align-items:center;gap:6px;padding:7px 16px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;color:var(--text-muted);transition:all .15s;user-select:none} .search-card .search-types label:has(input:checked){background:var(--card);color:var(--text);box-shadow:0 1px 6px rgba(0,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.03),inset 0 0 0 1px rgba(167,139,250,0.2)} .search-card .search-types input{display:none} .search-card .search-row{display:flex;gap:10px} .search-card .search-row .input-wrap{flex:1;position:relative} .search-card .search-row .input-wrap i{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:13px;color:var(--text-muted);pointer-events:none;transition:color .2s} .search-card .search-row .input-wrap:focus-within i{color:var(--accent-3)} .search-card .search-row input{width:100%;padding:12px 16px 12px 42px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:14px;font-family:var(--font);outline:none;transition:all .2s} .search-card .search-row input::placeholder{color:var(--text-muted)} .search-card .search-row input:focus{border-color:var(--accent-3);box-shadow:0 0 0 3px var(--accent-glow)} .search-card .search-row button{padding:12px 28px;background:var(--grad-shield);color:#fff;border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:600;font-family:var(--font);cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .15s;white-space:nowrap} .search-card .search-row button:hover{box-shadow:0 6px 26px var(--accent-glow);transform:translateY(-1px);filter:brightness(1.07)} .search-card .search-row button:disabled{opacity:.4;cursor:default;transform:none;box-shadow:none} /* ── Result card ── */ .result-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;margin-bottom:10px;box-shadow:var(--shadow-sm);transition:all .2s;animation:fadeIn .25s ease;position:relative} .result-card:hover{border-color:var(--border-light);box-shadow:var(--shadow-glow);background:var(--card-hover)} .result-card .avatar{width:42px;height:42px;border-radius:50%;background:var(--surface);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--text-muted);overflow:hidden;border:2px solid rgba(167,139,250,0.25)} .result-card .avatar img{width:100%;height:100%;object-fit:cover} .result-card .user-info{flex:1;min-width:0} .result-card .user-info .name{font-size:15px;font-weight:600;display:flex;align-items:center;gap:6px;flex-wrap:wrap;letter-spacing:-0.2px} .result-card .user-info .uid{font-size:11px;color:var(--text-muted);font-family:var(--mono);margin-top:3px;display:flex;align-items:center;gap:6px;flex-wrap:wrap} .result-card .details-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;font-size:12px;margin-bottom:12px} .result-card .details-grid .detail-row{display:flex;flex-direction:column;gap:2px} .result-card .details-grid .detail-row.full{grid-column:1/-1} .result-card .details-grid .detail-label{font-size:9px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px} .result-card .details-grid .detail-value{font-size:12px;color:var(--text-secondary);font-family:var(--mono);word-break:break-all;line-height:1.4} .result-card .details-grid .detail-value.normal{font-family:var(--font)} /* ── Chips / flags / risk ── */ .chips{display:flex;flex-wrap:wrap;gap:4px} .chips a{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:20px;font-size:10px;font-weight:500;background:var(--surface);border:1px solid var(--border);color:var(--accent-3);cursor:pointer;text-decoration:none;transition:all .12s;font-family:var(--mono)} .chips a:hover{background:var(--accent-soft);border-color:rgba(167,139,250,0.3);transform:translateY(-1px)} .chips a .chip-risk{font-size:8px;padding:1px 5px;border-radius:10px;font-weight:700} .flag{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:5px;font-size:9px;font-weight:500;background:var(--amber-bg);color:var(--amber);border:1px solid rgba(251,191,36,0.16);margin:1px} .risk-bar{display:flex;align-items:center;gap:8px;margin-top:4px} .risk-bar .track{flex:1;max-width:140px;height:4px;background:var(--surface);border-radius:3px;overflow:hidden} .risk-bar .track .fill{height:100%;border-radius:3px;transition:width .5s ease} /* ── Empty state / loader / login prompt ── */ .empty-state{text-align:center;padding:60px 20px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)} .empty-state i{font-size:40px;color:var(--accent-3);margin-bottom:16px;opacity:.5} .empty-state h3{font-size:16px;font-weight:700;margin-bottom:6px} .empty-state p{font-size:13px;color:var(--text-secondary);max-width:400px;margin:0 auto;line-height:1.6} .loader{display:inline-block;width:16px;height:16px;border:2px solid rgba(167,139,250,0.12);border-top-color:var(--accent-3);border-radius:50%;animation:spin .6s linear infinite;vertical-align:middle} .loader-wrap{text-align:center;padding:60px 20px} .loader-wrap .loader{display:block;margin:0 auto 16px;width:28px;height:28px;border-width:3px} .loader-wrap p{font-size:13px;color:var(--text-muted)} .spinner{display:inline-block;width:20px;height:20px;border:2px solid rgba(167,139,250,0.2);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite} .login-prompt{text-align:center;padding:80px 24px;max-width:440px;margin:0 auto} .login-prompt .shield{width:68px;height:68px;border-radius:20px;background:var(--accent-soft);border:1px solid rgba(167,139,250,0.22);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:26px;color:var(--accent-3);box-shadow:0 8px 32px var(--accent-glow);animation:shieldPulse 3s ease-in-out infinite} .login-prompt i{font-size:48px;color:var(--accent-3);margin-bottom:16px;opacity:.7} .login-prompt h2{font-size:20px;font-weight:700;margin-bottom:8px;letter-spacing:-0.3px} .login-prompt p{font-size:13px;color:var(--text-secondary);margin-bottom:24px;line-height:1.7} .login-prompt .btn{display:inline-flex;align-items:center;gap:8px;padding:12px 32px;background:var(--grad-shield);color:#fff;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:600;font-family:var(--font);cursor:pointer;text-decoration:none;transition:all .15s} .login-prompt .btn:hover{box-shadow:0 10px 34px var(--accent-glow);transform:translateY(-2px);filter:brightness(1.07)} /* ── Footer ── */ .footer{margin-top:40px;padding:20px 0;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--text-muted)} .footer a{color:var(--text-secondary);text-decoration:none;transition:color .15s} .footer a:hover{color:var(--accent-3)} /* ── Modal ── */ .modal-overlay{position:fixed;inset:0;background:rgba(5,5,9,0.72);display:none;align-items:center;justify-content:center;z-index:1000;padding:20px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)} .modal-overlay.active{display:flex} .modal{background:var(--card);border:1px solid var(--border-light);border-radius:var(--radius);padding:28px 32px;max-width:460px;width:100%;box-shadow:var(--shadow-lg);animation:modalIn .25s ease;position:relative} .modal h2{font-size:18px;font-weight:700;margin-bottom:6px;display:flex;align-items:center;gap:8px} .modal .sub{font-size:13px;color:var(--text-muted);margin-bottom:20px} .modal .info-text{font-size:12px;color:var(--text-muted);line-height:1.6} .modal .info-text a{color:var(--accent-3);text-decoration:none} .modal .close-btn{position:absolute;top:14px;right:16px;background:none;border:none;color:var(--text-muted);font-size:18px;cursor:pointer;transition:color .15s;width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center} .modal .close-btn:hover{color:var(--text);background:var(--surface)} /* ── Toast ── */ .toast{position:fixed;bottom:24px;right:24px;background:var(--card);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:14px 20px;font-size:12px;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:10px;animation:slideUp .3s ease;z-index:2000;max-width:400px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)} .toast i{font-size:15px} .toast-success i{color:var(--green)} .toast-error i{color:var(--red)} .toast-info i{color:var(--accent-3)} /* ── Forms ── */ .form-group{margin-bottom:14px} .form-group label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:6px} .form-group input,.form-group select,.form-group textarea{width:100%;padding:8px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text);font-size:12px;font-family:var(--font);outline:none;transition:border-color .15s} .form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent-3);box-shadow:0 0 0 2px var(--accent-glow)} .form-group input[type="checkbox"]{width:auto;margin-right:6px} .form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px} .input-row{display:flex;gap:8px} .input-row input{flex:1;padding:8px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text);font-size:12px;outline:none;font-family:var(--mono);transition:border-color .15s} .input-row input:focus{border-color:var(--accent-3);box-shadow:0 0 0 2px var(--accent-glow)} .input-row .btn{padding:8px 16px;font-size:12px;white-space:nowrap} .toggle-wrap{display:flex;align-items:center;gap:10px;margin-bottom:10px} .toggle{position:relative;width:36px;height:20px;background:var(--surface);border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:all .2s;flex-shrink:0} /* ── Tables ── */ .table-wrap{overflow-x:auto;margin-top:12px} table{width:100%;border-collapse:collapse;font-size:12px} th{text-align:left;padding:10px 12px;color:var(--text-muted);font-weight:600;border-bottom:1px solid var(--border-light);font-size:10px;text-transform:uppercase;letter-spacing:.5px} td{padding:10px 12px;border-bottom:1px solid var(--border);color:var(--text-secondary)} tr:hover td{background:var(--card-hover)} /* ── Code / link display (affiliate) ── */ .code-display{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-xs);padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:var(--mono);font-size:13px;margin-bottom:12px} .code-display .code{background:var(--grad-shield);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;letter-spacing:1px;word-break:break-all} .link-display{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-xs);padding:12px 16px;display:flex;align-items:center;gap:10px;font-size:11px;font-family:var(--mono);color:var(--text-muted);margin-bottom:20px;word-break:break-all} /* ── Search extras / saved searches (index / alt-search) ── */ .search-extras{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px;align-items:center}.search-extras .date-group{display:flex;align-items:center;gap:6px}.search-extras .date-group label{font-size:11px;color:var(--text-muted)}.search-extras .date-group input{padding:5px 10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text);font-size:11px;font-family:var(--font);outline:none;width:120px;transition:border-color .15s}.search-extras .date-group input:focus{border-color:var(--accent-3);box-shadow:0 0 0 2px var(--accent-glow)} .saved-searches{margin-top:12px;display:flex;gap:6px;flex-wrap:wrap;align-items:center}.saved-searches .label{font-size:9px;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.4px}.saved-search-item{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xs);font-size:10px;color:var(--text-secondary);cursor:pointer;transition:all .12s}.saved-search-item:hover{background:var(--card-hover);color:var(--text);border-color:var(--border-light)}.saved-search-item .del{color:var(--text-muted);font-size:9px;padding:1px 3px;border-radius:2px}.saved-search-item .del:hover{color:var(--red);background:var(--red-bg)} /* ── Live feed (index / alt-search) ── */ .live-feed-toggle{position:fixed;bottom:20px;right:20px;z-index:100;width:44px;height:44px;border-radius:50%;background:var(--grad-shield);color:#fff;border:none;font-size:17px;cursor:pointer;box-shadow:0 6px 26px var(--accent-glow);transition:all .2s;display:flex;align-items:center;justify-content:center}.live-feed-toggle:hover{transform:scale(1.08);box-shadow:0 8px 34px var(--accent-glow);filter:brightness(1.08)}.live-feed-toggle .dot{width:8px;height:8px;border-radius:50%;background:#22c55e;position:absolute;top:5px;right:5px;animation:pulse 2s infinite}.live-feed-panel{position:fixed;bottom:72px;right:20px;width:340px;max-height:440px;background:var(--card);border:1px solid var(--border-light);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:99;display:none;overflow:hidden;flex-direction:column}.live-feed-panel.open{display:flex}.live-feed-panel .header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);font-size:12px;font-weight:600;color:var(--text)}.live-feed-panel .header .close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:14px;padding:2px 6px;border-radius:4px;transition:all .12s}.live-feed-panel .header .close:hover{color:var(--text);background:var(--surface)}.live-feed-panel .body{overflow-y:auto;flex:1;padding:4px 0}.live-feed-item{display:flex;align-items:center;gap:10px;padding:8px 16px;font-size:11px;color:var(--text-secondary);border-bottom:1px solid var(--border);transition:background .12s;animation:fadeIn .2s ease}.live-feed-item:hover{background:var(--surface)}.live-feed-item .lf-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;flex-shrink:0}.live-feed-item .lf-icon.login{background:var(--green-bg);color:var(--green);border:1px solid rgba(34,197,94,0.16)}.live-feed-item .lf-icon.track{background:var(--accent-soft);color:var(--accent-3);border:1px solid rgba(167,139,250,0.24)}.live-feed-item .lf-icon.alt{background:var(--red-bg);color:var(--red);border:1px solid rgba(248,113,113,0.18)}.live-feed-item .lf-icon.flag{background:var(--amber-bg);color:var(--amber);border:1px solid rgba(251,191,36,0.2)}.live-feed-item .lf-text{flex:1;min-width:0}.live-feed-item .lf-time{font-size:9px;color:var(--text-muted);white-space:nowrap}.live-feed-item .lf-name{font-weight:600;color:var(--text);margin-right:4px} /* ── Tag chip / picker (index / alt-search) ── */ .tag-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:9px;font-weight:600;white-space:nowrap;cursor:pointer;transition:all .12s}.tag-chip:hover{filter:brightness(1.2)}.tag-picker{position:absolute;z-index:10;background:var(--card);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:10px;box-shadow:var(--shadow-lg);min-width:180px;display:none}.tag-picker.open{display:block}.tag-picker input{width:100%;padding:6px 10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text);font-size:11px;font-family:var(--font);outline:none;margin-bottom:8px}.tag-picker input:focus{border-color:var(--accent-3)}.tag-picker .presets{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:8px}.tag-picker .presets span{width:20px;height:20px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:all .1s}.tag-picker .presets span:hover,.tag-picker .presets span.active{border-color:#fff;transform:scale(1.1)}.tag-picker .actions{display:flex;gap:4px}.tag-picker .actions button{flex:1;padding:5px 0;border:none;border-radius:var(--radius-xs);font-size:10px;font-weight:600;font-family:var(--font);cursor:pointer;transition:all .1s}.tag-picker .actions .save{background:var(--grad-shield);color:#fff}.tag-picker .actions .save:hover{filter:brightness(1.1)}.tag-picker .actions .remove{background:var(--red-bg);color:var(--red)}.tag-picker .actions .remove:hover{background:rgba(248,113,113,0.18)} /* ── Threat assessment / tier cards (index / alt-search) ── */ .threat-section{margin-bottom:14px}.threat-header{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid var(--border)}.threat-header:after{content:'';flex:1;height:1px;background:var(--border)}.tier-card{border-radius:var(--radius-sm);margin-bottom:8px;overflow:hidden;transition:all .15s}.tier-card:hover{transform:translateY(-1px)}.tier-certain{background:linear-gradient(135deg,rgba(248,113,113,0.05),rgba(248,113,113,0.01));border:1px solid rgba(248,113,113,0.16)}.tier-likely{background:linear-gradient(135deg,rgba(251,191,36,0.05),rgba(251,191,36,0.01));border:1px solid rgba(251,191,36,0.18)}.tier-potential{background:linear-gradient(135deg,rgba(234,179,8,0.04),rgba(234,179,8,0.01));border:1px solid rgba(234,179,8,0.14)}.tier-card-header{display:flex;align-items:center;gap:6px;padding:7px 12px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.tier-certain .tier-card-header{color:#f87171;background:rgba(248,113,113,0.08);border-bottom:1px solid rgba(248,113,113,0.1)}.tier-likely .tier-card-header{color:#fbbf24;background:rgba(251,191,36,0.08);border-bottom:1px solid rgba(251,191,36,0.1)}.tier-potential .tier-card-header{color:#eab308;background:rgba(234,179,8,0.06);border-bottom:1px solid rgba(234,179,8,0.09)}.tier-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;border-radius:9px;font-size:9px;font-weight:700;padding:0 6px;margin-left:auto}.tier-certain .tier-count{background:rgba(248,113,113,0.16);color:#f87171}.tier-likely .tier-count{background:rgba(251,191,36,0.16);color:#fbbf24}.tier-potential .tier-count{background:rgba(234,179,8,0.12);color:#eab308}.tier-card-body{padding:8px 12px 10px;display:flex;flex-wrap:wrap;gap:4px}.tier-user{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:6px;font-size:11px;cursor:pointer;transition:all .12s;color:var(--text-secondary);background:var(--surface);border:1px solid var(--border)}.tier-user:hover{color:var(--text);border-color:var(--border-light);background:var(--card-hover)}.tier-user img{width:18px;height:18px;border-radius:50%}.tier-user .tier-uid{font-family:var(--mono);font-size:9px;color:var(--text-muted)} /* ── Legal footer (index / alt-search) ── */ .legal-footer{border-top:1px solid var(--border);margin-top:40px;padding:24px 0 16px}.legal-footer .legal-inner{max-width:1040px;margin:0 auto;padding:0 24px}.legal-footer h3{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.legal-footer .legal-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:600px){.legal-footer .legal-grid{grid-template-columns:1fr}}.legal-footer .legal-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px}.legal-footer .legal-block h4{font-size:12px;font-weight:600;color:var(--text);margin-bottom:6px;display:flex;align-items:center;gap:6px}.legal-footer .legal-block h4 i{color:var(--accent-3);font-size:11px}.legal-footer .legal-block p,.legal-footer .legal-block li{font-size:11px;line-height:1.6;color:var(--text-muted)}.legal-footer .legal-block ul{list-style:none;padding:0}.legal-footer .legal-block ul li{padding:2px 0 2px 14px;position:relative}.legal-footer .legal-block ul li::before{content:"\f105";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;left:0;font-size:9px;color:var(--accent-3)}.legal-footer .legal-footnote{text-align:center;font-size:10px;color:var(--text-muted);margin-top:16px;padding-top:12px;border-top:1px solid var(--border);line-height:1.6} /* ── Server cards (servers / server-dashboard) ── */ .server-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px} .server-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;transition:all .2s;position:relative;overflow:hidden} .server-card::before{content:'';position:absolute;inset:0;border-radius:var(--radius);padding:1px;background:linear-gradient(135deg,rgba(124,58,237,0.5),transparent 45%,transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none} .server-card:hover{background:var(--card-hover);border-color:var(--border-light);transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,0.4),0 0 22px var(--accent-glow)} .server-card .srv-icon,.server-card .icon{width:48px;height:48px;border-radius:12px;background:var(--surface);flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--accent-3)} .server-card .srv-icon img,.server-card .icon img{width:100%;height:100%;object-fit:cover} .server-card .srv-info,.server-card .info{flex:1;min-width:0} .server-card .srv-name,.server-card .name{font-size:14px;font-weight:600;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .server-card .srv-meta,.server-card .members{font-size:11px;color:var(--text-muted);display:flex;gap:4px} .skeleton{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;height:120px;animation:pulse 1.5s infinite} /* ── Upsell banner / misc ── */ .upsell-banner{background:linear-gradient(135deg,rgba(124,58,237,0.08),rgba(99,102,241,0.05));border:1px solid rgba(167,139,250,0.18);border-radius:var(--radius-sm);padding:16px 20px;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;box-shadow:var(--shadow-sm)} .upsell-banner .text{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-secondary);flex:1;line-height:1.5} .upsell-banner .text i{font-size:18px;color:var(--accent-3)} .upsell-banner .text strong{color:var(--text)} .upsell-banner .btn{display:inline-flex;align-items:center;gap:6px;padding:8px 20px;background:var(--grad-shield);color:#fff;border:none;border-radius:var(--radius-xs);font-size:12px;font-weight:600;font-family:var(--font);cursor:pointer;transition:all .15s;white-space:nowrap;text-decoration:none} .upsell-banner .btn:hover{box-shadow:0 6px 24px var(--accent-glow);transform:translateY(-1px);filter:brightness(1.07)} .locked-msg{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:6px;font-size:10px;background:rgba(148,163,184,0.03);border:1px dashed rgba(148,163,184,0.12);color:var(--text-muted)} .label-muted{font-size:9px;color:var(--text-muted);opacity:0.7} .auth-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap} .results-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;min-height:28px;flex-wrap:wrap;gap:10px} .results-header .count{font-size:13px;color:var(--text-secondary);display:flex;align-items:center;gap:6px} .results-header .count strong{color:var(--text);font-weight:700} .results-header .actions{display:flex;gap:6px;flex-wrap:wrap} .results-header .actions button{padding:5px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text-secondary);font-size:10px;font-weight:500;font-family:var(--font);cursor:pointer;transition:all .12s;display:flex;align-items:center;gap:4px} .results-header .actions button:hover{background:var(--card-hover);color:var(--text);border-color:var(--border-light)} hr{border:none;border-top:1px solid var(--border);margin:10px 0} /* ── Legal pages (tos / faq / privacy) ── */ .legal-card{max-width:800px;width:100%;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:40px;box-shadow:var(--shadow-lg);animation:fadeIn .45s ease;position:relative} .legal-card::before{content:'';position:absolute;inset:0;border-radius:var(--radius);padding:1px;background:linear-gradient(135deg,rgba(124,58,237,0.5),transparent 50%,rgba(167,139,250,0.2));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none} .legal-card .header{text-align:center;margin-bottom:32px} .legal-card .header h1{font-size:28px;font-weight:800;color:var(--text);display:flex;align-items:center;justify-content:center;gap:12px} .legal-card .header h1 i{color:var(--accent-3)} .legal-card .header .sub{font-size:13px;color:var(--text-secondary);margin-top:8px} .legal-card hr{border:none;height:1px;background:var(--border);margin:24px 0} .legal-card .section{margin-bottom:24px} .legal-card .section h2{font-size:18px;font-weight:700;color:var(--accent-3);margin-bottom:10px;text-transform:uppercase;letter-spacing:1px} .legal-card .section h3{font-size:16px;font-weight:700;color:var(--text);margin:20px 0 8px;display:flex;align-items:center;gap:6px} .legal-card .section h3 i{color:var(--accent-3);font-size:14px} .legal-card .section p,.legal-card .section li{font-size:16px;line-height:1.8;color:var(--text-secondary)} .legal-card .section ul{list-style:none;padding:0} .legal-card .section ul li{padding:7px 0 7px 24px;position:relative} .legal-card .section ul li::before{content:"\f105";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;left:0;color:var(--accent-3)} .legal-card .faq-item{margin-bottom:20px} .legal-card .faq-item h3{font-size:14px;font-weight:700;color:var(--text);margin-bottom:6px;display:flex;align-items:center;gap:8px} .legal-card .faq-item h3 i{color:var(--accent-3);font-size:12px} .legal-card .faq-item p{font-size:14px;line-height:1.7;color:var(--text-secondary)} .legal-card .legal-footer-links{text-align:center;margin-top:32px;padding-top:20px;border-top:1px solid var(--border)} .legal-card .legal-footer-links a{color:var(--accent-3);text-decoration:none;font-size:14px;font-weight:600;transition:color .2s} .legal-card .legal-footer-links a:hover{color:var(--text)} .legal-card .legal-footer-links a i{margin-right:6px} .legal-card .legal-footer-links .sep{color:var(--text-muted);margin:0 12px} /* ── Premium animations ── */ .gradient-text{background:var(--grad-shield);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 8s ease infinite} @keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}} .glow-accent{transition:all .2s} .glow-accent:hover{box-shadow:0 0 0 1px var(--accent-3),0 0 30px var(--accent-glow),0 8px 32px rgba(0,0,0,0.4);transform:translateY(-2px);border-color:var(--accent-3)} /* Reveal-on-scroll (activated by theme.js) */ html.theme-js [data-reveal]{opacity:0;transform:translateY(22px)} html.theme-js [data-reveal].in{opacity:1;transform:translateY(0);transition:opacity .6s ease,transform .6s ease} html.theme-js [data-reveal-delay="1"]{transition-delay:.08s} html.theme-js [data-reveal-delay="2"]{transition-delay:.16s} html.theme-js [data-reveal-delay="3"]{transition-delay:.24s} /* ── Keyframes ── */ @keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}} @keyframes spin{to{transform:rotate(360deg)}} @keyframes slideUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}} @keyframes pulse{0%,100%{opacity:.4}50%{opacity:.8}} @keyframes modalIn{from{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}} @keyframes sheen{0%,62%{left:-40%}100%{left:140%}} @keyframes shieldPulse{0%,100%{box-shadow:0 8px 32px var(--accent-glow)}50%{box-shadow:0 8px 44px var(--accent-glow),0 0 60px rgba(124,58,237,0.25)}} /* ── Responsive base ── */ @media(max-width:768px){ .header{flex-wrap:wrap;padding:14px 16px} .hero h1{font-size:30px} .form-row{grid-template-columns:1fr} .legal-card{padding:24px 18px} .legal-card .header h1{font-size:22px} } @media(max-width:640px){ .container{padding:0 16px} .search-card .search-row{flex-direction:column} .search-card .search-row button{width:100%;justify-content:center} .search-card .search-types{width:100%;overflow-x:auto;overflow-y:hidden} .search-card .search-types label{flex:1;justify-content:center;white-space:nowrap} .result-card .details-grid{grid-template-columns:1fr} .stats-bar,.stats-row{grid-template-columns:repeat(2,1fr)} .top-bar .right{gap:8px} .page-header h1{font-size:22px} .legal-card{padding:18px 14px} .legal-card .header h1{font-size:19px} } /* ── Reduced motion ── */ @media(prefers-reduced-motion:reduce){ html{scroll-behavior:auto} *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;animation-iteration-count:1!important} html.theme-js [data-reveal]{opacity:1!important;transform:none!important} body::before,body::after,.shield-watermark{display:none} }