.beginner-hero{display:grid;gap:var(--space-6);align-items:center}.beginner-hero__content{max-width:36rem}.beginner-hero__actions{margin-top:var(--space-6);display:flex;flex-wrap:wrap;gap:var(--space-3)}.beginner-hero__media{max-width:420px;margin-inline:auto}.beginner-hero__image-frame{min-height:220px}.beginner-layout{align-items:flex-start}.beginner-main{display:flex;flex-direction:column;gap:var(--space-6)}.beginner-aside{display:flex;flex-direction:column;gap:var(--space-6)}.beginner-aside__card{height:100%}.beginner-list{display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--gray-800);padding-left:var(--space-4);margin-top:var(--space-2)}.beginner-list li{position:relative}.beginner-list li::before{content:"";position:absolute;left:-1.2rem;top:0.5rem;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle,var(--color-accent) 0,transparent 70%);box-shadow:0 0 10px rgba(90,168,142,0.9)}.beginner-block .card-body>p:first-of-type{margin-bottom:var(--space-3)}.beginner-image-frame{margin-bottom:var(--space-4);border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgba(48,69,87,0.9);box-shadow:var(--shadow-card)}.beginner-steps{list-style:none;display:flex;flex-direction:column;gap:var(--space-3);font-size:var(--font-size-sm)}.beginner-steps li{display:flex;gap:var(--space-3);align-items:flex-start;padding:0.4rem 0;border-bottom:1px solid rgba(48,69,87,0.6)}.beginner-steps li:last-child{border-bottom:none}.beginner-steps li span:first-child{width:1.6rem;height:1.6rem;border-radius:999px;border:1px solid rgba(201,138,61,0.85);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);color:var(--color-primary);background:rgba(9,16,23,0.95)}.beginner-links{list-style:none;display:flex;flex-direction:column;gap:0.5rem;font-size:var(--font-size-sm)}.beginner-links a{color:var(--gray-700)}.beginner-links a:hover{color:var(--color-primary)}.beginner-note{padding:0.75rem 1rem;border-radius:var(--radius-md);border:1px solid rgba(193,86,74,0.7);background:rgba(15,9,11,0.95)}@media (min-width:1024px){.beginner-hero{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}.beginner-hero__media{justify-self:flex-end}}@media (max-width:767px){.beginner-hero__actions{flex-direction:column;align-items:stretch}.beginner-layout{display:flex;flex-direction:column}.beginner-aside{order:-1}}