@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap');:root {--bg: #1a0d2b;--panel: #0e1627;--card: #2b1a47;--border: #3a2a5c;--muted: #b8a4d2;--accent: #c026d3;--accent-light: #d8a0ff;--text: #e6eef6;--success: #36b37e;--danger: #ff3b5c;--glass: rgba(192, 38, 211, 0.12);--font-family: 'Inter', ui-sans-serif, system-ui, Segoe UI, Roboto, Helvetica, Arial;--repeat-gradient: repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.05) 0 1px, transparent 1px 48px);}* {margin: 0;padding: 0;box-sizing: border-box;}body {background: radial-gradient(circle at top, rgba(192, 38, 211, 0.18), transparent 35%), radial-gradient(circle at bottom right, rgba(216, 160, 255, 0.1), transparent 30%), var(--bg);color: var(--text);font-family: var(--font-family);min-height: 100vh;overflow-x: hidden;}body::before {content: "";position: fixed;inset: 0;background: var(--repeat-gradient);opacity: 0.3;pointer-events: none;z-index: -1;}main {padding: 0 20px;max-width: 1200px;margin: 0 auto;}.about-title {font-size: clamp(2rem, 5vw, 3.5rem) !important;line-height: 1;}.hero {padding: 20px 0 80px;position: relative;}.hero-grid {background: var(--repeat-gradient);border: 1px solid rgba(255, 255, 255, 0.08);border-radius: 32px;padding: 32px;overflow: hidden;backdrop-filter: blur(18px);box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35);}.hero-grid {display: grid;grid-template-columns: 1.1fr 0.9fr;gap: 50px;align-items: center;}.badge {display: inline-flex;align-items: center;gap: 10px;padding: 10px 18px;border-radius: 999px;border: 1px solid rgba(255, 255, 255, 0.08);background: var(--glass);color: var(--accent-light);font-size: 0.9rem;margin-bottom: 24px;}.hero h2 {font-size: clamp(3rem, 7vw, 5.4rem);line-height: 1;margin-bottom: 28px;font-weight: 800;letter-spacing: -0.05em;}.hero h2 span {background: linear-gradient(135deg, #fff, var(--accent-light), var(--accent));-webkit-background-clip: text;-webkit-text-fill-color: transparent;}.hero p {color: var(--muted);font-size: 1.1rem;line-height: 1.9;max-width: 700px;}.hero-buttons {display: flex;gap: 18px;flex-wrap: wrap;margin-top: 36px;}.btn {padding: 16px 26px;border-radius: 18px;font-weight: 700;transition: 0.25s ease;border: 1px solid transparent;color: var(--text);}.btn-primary {background: linear-gradient(135deg, var(--accent), #9d15ac);color: white;box-shadow: 0 0 40px rgba(192, 38, 211, 0.3);}.btn-primary:hover {transform: translateY(-3px);}.btn-secondary {background: rgba(255, 255, 255, 0.04);border-color: rgba(255, 255, 255, 0.08);}.hero-card {position: relative;background: linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02));border: 1px solid rgba(255, 255, 255, 0.08);border-radius: 32px;padding: 32px;overflow: hidden;backdrop-filter: blur(18px);box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35);}.hero-card::before {content: "";position: absolute;inset: 0;background: radial-gradient(circle at top right, rgba(192, 38, 211, 0.3), transparent 45%);pointer-events: none;}.tool-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 16px;}.tool {background: rgba(255, 255, 255, 0.04);border: 1px solid rgba(255, 255, 255, 0.08);border-radius: 22px;padding: 22px;}.tool h3 {font-size: 1rem;margin-bottom: 10px;}.tool p {color: var(--muted);font-size: 0.92rem;line-height: 1.7;}section {padding: 80px 0;}.section-heading {margin-bottom: 40px;}.section-heading span {color: var(--accent-light);text-transform: uppercase;letter-spacing: 0.15em;font-size: 0.82rem;font-weight: 700;}.section-heading h2 {font-size: clamp(2rem, 5vw, 3.5rem);margin-top: 12px;line-height: 1.1;}.cards {display: grid;grid-template-columns: repeat(3, 1fr);gap: 24px;}.card {background: linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02));border: 1px solid rgba(255, 255, 255, 0.08);border-radius: 28px;padding: 32px;transition: 0.3s ease;}.card:hover {transform: translateY(-6px);border-color: rgba(216, 160, 255, 0.35);}.card-number {width: 54px;height: 54px;border-radius: 16px;background: linear-gradient(135deg, var(--accent), var(--accent-light));display: flex;align-items: center;justify-content: center;font-weight: 800;margin-bottom: 22px;}.card h3 {margin-bottom: 14px;font-size: 1.25rem;}.card p {color: var(--muted);line-height: 1.9;}.stats {display: grid;grid-template-columns: repeat(4, 1fr);gap: 24px;}.stat {background: rgba(255, 255, 255, 0.04);border-radius: 28px;padding: 34px;border: 1px solid rgba(255, 255, 255, 0.08);}.stat h3 {font-size: 3rem;margin-bottom: 8px;color: var(--accent-light);}.stat p {color: var(--muted);}.cta {text-align: center;padding-bottom: 120px;}.cta-box {background: linear-gradient(180deg, rgba(192, 38, 211, 0.18), rgba(255, 255, 255, 0.04));border-radius: 36px;padding: 80px 40px;border: 1px solid rgba(255, 255, 255, 0.08);}.cta-box h2 {font-size: clamp(2.2rem, 5vw, 4rem);margin-bottom: 20px;}.cta-box p {color: var(--muted);max-width: 720px;margin: auto;line-height: 1.9;}@media (max-width: 980px) {.hero-grid, .cards, .stats {grid-template-columns: 1fr;}.tool-grid {grid-template-columns: 1fr;}.hero {padding-top: 80px;}.hero h2 {font-size: 3.2rem;}}