.learning-page{padding-top:18px}.learning-hero{display:grid;grid-template-columns:1.08fr .92fr;gap:42px;align-items:center;padding:58px 52px;background:linear-gradient(135deg,#e9eaff,#f8f8ff 58%,#e2f8f2);border-radius:24px}.learning-hero.orange{background:linear-gradient(135deg,#fff0e4,#fff9f4 58%,#eeeefe)}.learning-hero h1{margin:0 0 17px;font-size:clamp(44px,5vw,68px);line-height:1.04;letter-spacing:-3px}.learning-hero p:not(.eyebrow){max-width:720px;color:var(--muted);font-size:19px}.learning-hero .button{margin-top:20px}.learning-hero-visual{display:grid;gap:12px}.learning-hero-visual article{padding:20px 22px;background:#fff;border:1px solid var(--line);border-left:5px solid var(--indigo);border-radius:12px}.learning-hero-visual article:nth-child(2){border-left-color:#19a987}.learning-hero-visual article:nth-child(3){border-left-color:#e06c37}.learning-hero-visual b,.learning-hero-visual span{display:block}.learning-hero-visual b{font-size:21px}.learning-hero-visual span{margin-top:5px;color:var(--muted)}.learning-section{margin-top:78px}.learning-intro-grid,.learning-two-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.learning-card{padding:27px;background:#fff;border:1px solid var(--line);border-radius:14px}.learning-card h3{margin:0 0 9px;font-size:24px}.learning-card p{color:var(--muted)}.learning-card .equation{margin-top:16px}.paradigm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.paradigm-card{display:flex;flex-direction:column;padding:27px;background:#fff;border:1px solid var(--line);border-top:6px solid var(--indigo);border-radius:14px}.paradigm-card:nth-child(2){border-top-color:#19a987}.paradigm-card:nth-child(3){border-top-color:#e06c37}.paradigm-card>span{color:var(--indigo);font:800 13px 'DM Mono',monospace}.paradigm-card:nth-child(2)>span{color:#15836f}.paradigm-card:nth-child(3)>span{color:#b9552a}.paradigm-card h3{margin:8px 0;font-size:25px}.paradigm-card p{color:var(--muted)}.paradigm-card ul{display:grid;gap:8px;padding-left:22px;color:#505b72}.paradigm-card .mini-flow{margin-top:auto;padding:14px;background:#f3f4fa;border-radius:8px;text-align:center;font:700 15px 'DM Mono',monospace}.workflow{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.workflow article{padding:19px 15px;background:#fff;border:1px solid var(--line);border-radius:11px}.workflow article b{display:grid;place-items:center;width:31px;height:31px;margin-bottom:9px;border-radius:50%;background:#4e46e5;color:#fff}.workflow article strong{display:block;font-size:17px}.workflow article span{display:block;margin-top:5px;color:var(--muted)}.model-family-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.model-family-grid article{padding:24px;background:#fff;border:1px solid var(--line);border-radius:13px}.model-family-grid article b{font-size:21px}.model-family-grid article p{color:var(--muted)}.model-family-grid article span{display:block;padding:12px;background:#f0f1fb;border-radius:8px;color:#3e4962;font-weight:700}.supervised-flow{display:grid;grid-template-columns:repeat(7,auto);gap:10px;align-items:center;padding:25px;background:#272e47;border-radius:14px;color:#fff}.supervised-flow div{padding:17px;background:#353d59;border-radius:9px;text-align:center}.supervised-flow b,.supervised-flow span{display:block}.supervised-flow b{color:#9cebdc}.supervised-flow i{color:#8d85ff;font-size:24px;font-style:normal}.problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.problem-card{padding:28px;background:#fff;border:1px solid var(--line);border-top:6px solid #4e46e5;border-radius:14px}.problem-card:last-child{border-top-color:#19a987}.problem-card h3{margin:0 0 8px;font-size:27px}.problem-card p{color:var(--muted)}.example-table{overflow:auto;border:1px solid var(--line);border-radius:12px}.example-table table{width:100%;border-collapse:collapse;background:#fff;font-size:17px}.example-table th,.example-table td{padding:16px;text-align:left;border-bottom:1px solid var(--line)}.example-table th{background:#ecebff;color:#4e46e5}.example-table tr:last-child td{border-bottom:0}.learning-note{margin-top:19px;padding:21px;background:#e5f8f3;border-left:5px solid #19a987;border-radius:0 10px 10px 0;color:#385e57}.learning-warning{margin-top:19px;padding:21px;background:#fff4e9;border-left:5px solid #e06c37;border-radius:0 10px 10px 0;color:#5f5147}.learning-closing{margin-top:72px}@media(max-width:1000px){.learning-hero,.learning-intro-grid,.learning-two-grid,.problem-grid{grid-template-columns:1fr}.paradigm-grid,.model-family-grid{grid-template-columns:1fr 1fr}.workflow{grid-template-columns:1fr 1fr}.supervised-flow{grid-template-columns:1fr}.supervised-flow i{transform:rotate(90deg);text-align:center}}@media(max-width:700px){.learning-hero{padding:38px 23px}.learning-hero h1{font-size:42px}.paradigm-grid,.model-family-grid,.workflow{grid-template-columns:1fr}.learning-card,.paradigm-card,.problem-card{padding:21px}}