.learn-main{padding-top:24px}.learn-hero{padding:clamp(32px,5vw,65px);border:1px solid #458a78;border-radius:16px;background:radial-gradient(circle at 80% 20%,#185748,#0d2730 58%,#081d27);margin:18px 0 32px}.learn-hero h1{font-size:clamp(39px,5.6vw,72px);max-width:900px;text-wrap:balance}.learn-hero p{font-size:18px;max-width:760px}.learn-hero-links{display:flex;flex-wrap:wrap;gap:13px;margin-top:24px}.learn-section{padding:23px 0;border-bottom:1px solid #367264}.learn-heading{max-width:800px}.learn-heading h2{font-size:clamp(25px,3vw,38px)}.learn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:23px 0}.learn-card{position:relative;min-width:0;display:flex;flex-direction:column;padding:23px;background:linear-gradient(150deg,#143a3b,#0a242b);border:1px solid #4b8c7c;border-radius:12px}.learn-card:before{content:"";width:52px;height:3px;position:absolute;top:0;left:20px;background:#e9b16a}.learn-index{color:#ffcb85;font:700 11px ui-monospace,monospace}.learn-card h2{font-size:21px;line-height:1.3;margin:16px 0 11px}.learn-card h2 a{color:#effff7;text-decoration:none}.learn-card h2 a:hover{text-decoration:underline}.learn-card p{font-size:13px;margin:5px 0 12px}.learn-steps{color:#a8e9d3!important}.learn-links{display:flex;flex-wrap:wrap;gap:13px;border-top:1px solid #397567;margin-top:auto;padding-top:14px}.learn-links a{font-size:12px}.learn-card:hover{border-color:#9feacd}.learn-card:focus-within{outline:3px solid #ffce91;outline-offset:3px}@media(max-width:1000px){.learn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.learn-grid{grid-template-columns:1fr}.learn-hero{padding:30px 20px}.learn-hero-links>*{width:100%}}@media(prefers-reduced-motion:reduce){.learn-card{transition:none!important}}