*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,Segoe UI,Tahoma,sans-serif;background:#0a0a0f;color:#e5e7eb;min-height:100vh}.hero{max-width:640px;margin:0 auto;padding:96px 24px;text-align:center}.badge{display:inline-block;background:rgba(139,92,246,.15);color:#c4b5fd;border:1px solid rgba(139,92,246,.3);border-radius:999px;padding:6px 16px;font-size:14px;margin-bottom:24px}h1{font-size:36px;font-weight:700;background:linear-gradient(270deg,#a78bfa,#6366f1);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:16px}p{font-size:16px;line-height:1.9;color:#9ca3af;margin-bottom:24px}code{background:#1f2937;color:#d1d5db;padding:4px 10px;border-radius:6px;font-size:14px}.about-btn{display:inline-block;margin-top:32px;padding:12px 28px;background:linear-gradient(270deg,#7c3aed,#4f46e5);color:#fff;font-size:15px;font-weight:600;border-radius:12px;text-decoration:none;transition:opacity .2s,transform .2s;box-shadow:0 4px 24px rgba(99,102,241,.3)}.about-btn:hover{opacity:.88;transform:translateY(-2px)}.about-page{max-width:720px;margin:0 auto;padding:72px 24px 96px}.about-hero{text-align:center;margin-bottom:56px}.about-hero h1{font-size:38px}.about-mission{background:#111827;border:1px solid #1f2937;border-radius:16px;padding:32px;margin-bottom:56px}.about-features h2,.about-mission h2{font-size:22px;font-weight:700;color:#c4b5fd;margin-bottom:14px}.about-mission p{margin-bottom:0}.about-features{margin-bottom:56px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:20px;gap:20px;margin-top:24px}.feature-card{background:#111827;border:1px solid #1f2937;border-radius:16px;padding:28px 24px;transition:border-color .25s,transform .25s}.feature-card:hover{border-color:rgba(139,92,246,.5);transform:translateY(-3px)}.feature-icon{font-size:30px;display:block;margin-bottom:12px}.feature-card h3{font-size:17px;font-weight:700;color:#e5e7eb;margin-bottom:8px}.feature-card p{font-size:14px;color:#9ca3af;line-height:1.8;margin-bottom:0}.back-link{text-align:center}.back-link a{color:#a78bfa;font-size:15px;font-weight:600;text-decoration:none;transition:color .2s}.back-link a:hover{color:#c4b5fd;text-decoration:underline}