body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif; background: #0F0B18; color: #F3EEFB; max-width: 720px; margin: 0 auto; padding: 44px 24px 80px; line-height: 1.6; }
h1 { font-family: 'Unbounded', 'Arial Black', sans-serif; font-weight: 900; font-size: 44px; line-height: 1.04; letter-spacing: -0.03em; margin: 0 0 12px; }
h2 { font-family: 'Unbounded', 'Arial Black', sans-serif; font-weight: 800; font-size: 22px; letter-spacing: -0.02em; margin: 34px 0 6px; }
.grad { background: linear-gradient(95deg, #FF9A3D, #FF5FA2 45%, #9B7BFF); -webkit-background-clip: text; background-clip: text; color: transparent; }
p, li { color: #D9D1EA; font-size: 15px; }
ul { padding-left: 20px; }
a { color: #FF8FC0; }
strong { color: #fff; }
.kicker { font-size: 12px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: #9D92B5; margin-bottom: 26px; }
.brand { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; margin-bottom: 30px; font-family: 'Unbounded', 'Arial Black', sans-serif; font-weight: 900; font-size: 22px; color: #fff; }
.brand img { width: 36px; height: 36px; border-radius: 9px; }
.hero { display: flex; gap: 14px; margin: 24px 0; }
.hero img { width: calc(50% - 7px); border-radius: 18px; display: block; box-shadow: 0 24px 50px -20px rgba(123, 92, 255, 0.6); }
.card { border-top: 1px solid #2A2140; padding: 14px 0; }
footer { margin-top: 48px; font-size: 13px; color: #9D92B5; border-top: 1px solid #2A2140; padding-top: 16px; }
footer a { color: #9D92B5; margin-right: 14px; }