/* ================= language-track styling ================= */ .track-badge { float: right; display: inline-block; padding: 4px 14px; border-radius: 100px; font-size: 0.7rem; font-weight: 800; letter-spacing: 1.8px; text-transform: uppercase; color: #fff; background: rgba(15, 23, 42, 0.92); border: 1px solid #334155; margin-top: 5px; } body[data-language="html"] .track-badge { background: #0b0d1a; border-color: #1f2937; } body[data-language="python"] .track-badge { background: #1e1b4b; border-color: #3730a3; } /* Stylized hero: code-studio backdrop for the HTML track */ body[data-language="html"] .hero-bg { background: radial-gradient(800px 420px at 88% 8%, rgba(6, 182, 212, 0.16), transparent 60%), linear-gradient(160deg, #0f172a 0%, #1e293b 55%, #0f172a 100%); } body[data-language="python"] .hero-bg { background: radial-gradient(800px 420px at 12% 6%, rgba(168, 85, 247, 0.2), transparent 60%), linear-gradient(160deg, #0b1026 0%, #1e1b4b 55%, #0b1026 100%); } body[data-language="html"] .account-card { border-color: #1f2937; box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35); } body[data-language="python"] .account-card { border-color: #3730a3; box-shadow: 0 12px 32px rgba(59, 130, 246, 0.16); } body[data-language="html"] .section-label { background: rgba(11, 13, 26, 0.92); color: #e2e8f0; border-color: #334155; } body[data-language="html"] .section-label::before { content: ""; margin-right: 8px; } body[data-language="python"] .section-label { background: rgba(30, 27, 75, 0.96); color: #c7d2fe; border-color: #4338ca; } body[data-language="python"] .section-label::before { content: "Ξ»"; margin-right: 8px; } /* Track-specific focus accents */ body[data-language="html"] .input-field { box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.14); } body[data-language="python"] .input-field { box-shadow: inset 0 1px 2px rgba(30, 41, 59, 0.16); }
βš™οΈ Account Settings
HTML Track

Manage Your
PyLernen Account

Update your profile, change settings, and manage your account

← Back to PyLernen