:root{--page-bg: hsl(0, 0%, 5%);--card-bg: hsl(0, 0%, 8%);--heading: hsl(0, 0%, 95%);--muted: hsl(0, 0%, 65%);--accent: hsl(295, 75%, 65%);--primary: hsl(295, 75%, 45%);--primary-light: hsl(295, 75%, 55%);--border: hsl(0, 0%, 20%);--shadow-card: 0 4px 20px -2px hsl(295 75% 45% / .3);--shadow-card-hover: 0 8px 30px -4px hsl(295 75% 45% / .4);font-family:Inter,Segoe UI,sans-serif;color:var(--heading);background:var(--page-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:var(--page-bg);background-image:radial-gradient(circle at 1px 1px,rgba(187,28,204,.25) 1px,transparent 0),linear-gradient(135deg,#0d0d0d,#29062d);background-size:20px 20px,100% 100%}#root{min-height:100vh}.app-shell{max-width:1200px;margin:0 auto;padding:0 20px 64px}.top-nav{display:flex;align-items:center;gap:10px;padding:20px 0 0;margin-bottom:40px}.nav-logo{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,#ba1dc9,#d436e2);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.9rem;color:#fff;letter-spacing:-.03em;flex-shrink:0}.nav-brand{font-weight:700;font-size:1.05rem;color:var(--heading);letter-spacing:-.01em}.hero-panel{border:1px solid hsl(295,75%,45%,.3);border-radius:20px;padding:48px 40px;background:linear-gradient(135deg,#0d0d0d,#320836);box-shadow:0 20px 60px -10px #ba1dc980;animation:reveal .7s ease-out;position:relative;overflow:hidden}.hero-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 70% 50%,hsl(295,75%,20%,.35),transparent 60%);pointer-events:none}.eyebrow{margin:0 0 16px;display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);background:#ba1dc91f;border:1px solid hsl(295,75%,45%,.25);padding:4px 12px;border-radius:999px}.hero-panel h1{margin:0 0 14px;font-size:clamp(1.8rem,3vw,2.8rem);font-weight:800;line-height:1.1;letter-spacing:-.03em;color:var(--heading)}.hero-copy{margin:0;max-width:680px;color:var(--muted);font-size:1rem;line-height:1.65}.hero-stats{margin-top:24px;display:flex;flex-wrap:wrap;gap:10px}.hero-stats span{font-size:.82rem;font-weight:600;padding:6px 14px;border-radius:999px;border:1px solid hsl(295,75%,45%,.3);background:#ba1dc91a;color:var(--accent)}.hero-stats .stat-online{color:#4ade80;border-color:#4ade804d;background:#4ade801a}.section-header{margin-top:48px;margin-bottom:24px}.section-header h2{margin:0 0 6px;font-size:1.4rem;font-weight:700;color:var(--heading);letter-spacing:-.02em}.section-header p{margin:0;color:var(--muted);font-size:.95rem}.tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tool-card{border:1px solid var(--border);background:var(--card-bg);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow-card);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;animation:slide-up .5s ease-out both}.tool-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-card-hover);border-color:#ba1dc959}.tool-card-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#ba1dc933,#d436e21a);border:1px solid hsl(295,75%,45%,.25);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.tool-card h2{margin:0;color:var(--heading);font-size:1rem;font-weight:600;letter-spacing:-.01em}.tool-card p{margin:0;color:var(--muted);font-size:.875rem;line-height:1.55;flex:1}.tool-url-block{display:flex;flex-direction:column;gap:2px}.tool-url-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#737373;font-weight:600}.tool-url{font-size:.78rem;line-height:1.35;color:var(--accent);word-break:break-all}.tool-card a{margin-top:4px;display:inline-flex;justify-content:center;align-items:center;text-decoration:none;border-radius:10px;padding:10px 14px;background:linear-gradient(135deg,#ba1dc9,#d436e2);color:#fff;font-weight:600;font-size:.875rem;transition:opacity .2s ease,box-shadow .2s ease,transform .2s ease}.tool-card a:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 6px 20px #ba1dc966}.tool-card a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.site-footer{margin-top:64px;padding:24px 0;border-top:1px solid var(--border);text-align:center;color:#666;font-size:.82rem}.tool-card:nth-child(2n){animation-delay:.06s}.tool-card:nth-child(3n){animation-delay:.12s}.tool-card:nth-child(4n){animation-delay:.18s}.tool-card:nth-child(5n){animation-delay:.22s}@keyframes reveal{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.app-shell{padding:0 14px 40px}.hero-panel{padding:28px 22px;border-radius:16px}.hero-stats span{width:100%;text-align:center}.tools-grid{grid-template-columns:1fr}.section-header{margin-top:36px}}