.learning-page{--learning-accent:#8baeff;isolation:isolate;color:var(--ink);background:#090b10;min-height:75vh;position:relative;overflow:clip}.learning-aurora{z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 82% 14%, color-mix(in srgb, var(--learning-accent) 13%, transparent), transparent 50%), radial-gradient(ellipse at 4% 4%, #ad88e810, transparent 60%);height:860px;position:absolute;inset:0 0 auto;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.learning-shell{width:min(1200px,100%);margin:0 auto;padding:28px 32px 64px}.learning-topline{justify-content:space-between;align-items:center;gap:16px;display:flex}.learning-back{color:#a5aab7;align-items:center;gap:8px;font-size:13px;display:inline-flex}.learning-back:hover{color:#e7edff}.learning-back svg,.learning-visibility svg{flex-shrink:0;width:14px;height:14px}.learning-visibility{color:#969eae;align-items:center;gap:6px;font-size:11px;display:inline-flex}.learning-eyebrow{color:var(--learning-accent);letter-spacing:.17em;text-transform:uppercase;align-items:center;gap:8px;font-size:10px;font-weight:600;line-height:1.6;display:flex}.learning-eyebrow svg{flex-shrink:0;width:13px;height:13px}.learning-live-dot{background:var(--learning-accent);width:6px;height:6px;box-shadow:0 0 16px color-mix(in srgb, var(--learning-accent) 65%, transparent);border-radius:50%}.learning-hero{grid-template-columns:minmax(0,1fr) 300px;align-items:center;gap:64px;padding:70px 0 54px;display:grid}.learning-hero-copy{min-width:0}.learning-hero h1{letter-spacing:-.055em;text-wrap:balance;overflow-wrap:anywhere;max-width:740px;margin:18px 0;font-size:clamp(38px,4.8vw,66px);font-weight:500;line-height:1.04}.learning-goal{color:#a9afbc;white-space:pre-wrap;overflow-wrap:anywhere;max-width:590px;font-size:16px;line-height:1.8}.learning-author{align-items:center;gap:10px;margin:25px 0 24px;display:flex}.learning-author>span{width:35px;height:35px;color:var(--learning-accent);background:linear-gradient(150deg,#6683b830,#b4a0e920);border:1px solid #ffffff16;border-radius:50%;flex-shrink:0;place-items:center;font-size:12px;display:grid}.learning-author p{font-size:13px;font-weight:500}.learning-author p span{color:#7f8798;margin-top:3px;font-size:11px;font-weight:400;display:block}.learning-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.learning-button,.learning-button-secondary{text-align:center;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:9px;max-width:100%;min-height:44px;padding:12px 19px;font-size:12px;font-weight:600;line-height:1.4;transition:background .2s,transform .2s,border-color .2s;display:inline-flex}.learning-button{background:var(--learning-accent,#8baeff);color:#0a1222;border:1px solid #0000}.learning-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.learning-button-secondary{color:#d0d5df;background:#ffffff05;border:1px solid #ffffff18}.learning-button-secondary:hover{background:#ffffff0c;border-color:#ffffff30}.learning-button svg,.learning-button-secondary svg{flex-shrink:0;width:15px;height:15px}.learning-page button:focus-visible,.learning-page a:focus-visible,.learning-dialog button:focus-visible,.learning-dialog a:focus-visible{outline:2px solid var(--learning-accent,#8baeff);outline-offset:4px}.learning-page button:disabled,.learning-dialog button:disabled{opacity:.4;cursor:not-allowed;transform:none}.learning-save-status{color:#a9afbc;min-height:20px;margin-top:10px;font-size:12px}.learning-orbit-card{text-align:center;background:linear-gradient(145deg,#ffffff04,#ffffff01);border:1px solid #ffffff0d;border-radius:26px;padding:28px 26px 21px;position:relative;box-shadow:0 25px 80px #00000020}.learning-orbit{place-items:center;height:150px;margin-bottom:10px;display:grid;position:relative}.learning-orbit>div:first-child,.learning-orbit>div:nth-child(2){border:1px solid color-mix(in srgb, var(--learning-accent) 12%, transparent);border-radius:50%;width:162px;height:162px;position:absolute;transform:rotateX(62deg)rotate(-23deg)}.learning-orbit>div:nth-child(2){opacity:.5;border-style:dashed;width:200px;height:200px;transform:rotateX(66deg)rotate(28deg)}.learning-orbit-stat{font-variant-numeric:tabular-nums;justify-content:center;align-items:baseline;gap:7px;display:flex}.learning-orbit-stat span:first-child{letter-spacing:-.06em;color:#f3f4fc;font-size:52px;font-weight:400;line-height:1}.learning-orbit-stat span:last-child{color:#6d7689;font-size:20px}.learning-orbit-card>p{color:#838b9b;margin:10px 0 20px;font-size:11px}.learning-progress-track{background:#ffffff0e;border-radius:8px;width:100%;height:3px;overflow:hidden}.learning-progress-track>span{border-radius:inherit;background:var(--learning-accent);height:100%;transition:width .4s;display:block}.learning-orbit-next{color:#afb9cd;overflow-wrap:anywhere;justify-content:center;align-items:center;gap:7px;margin-top:16px;font-size:11px;display:flex}.learning-orbit-next svg{width:13px;height:13px;color:var(--learning-accent);flex-shrink:0}.learning-workspace-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin:24px 0;display:flex}.learning-workspace-heading h2{letter-spacing:-.035em;align-items:center;gap:12px;margin-top:7px;font-size:28px;font-weight:500;line-height:1.1;display:flex}.learning-workspace-heading h2>span{color:#7a8599;border:1px solid #ffffff16;border-radius:6px;padding:4px 7px;font-family:monospace;font-size:11px}.learning-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:start;gap:32px;display:grid}.learning-timeline{min-width:0;padding:8px 0 0 25px;position:relative}.learning-timeline:before{content:"";background:linear-gradient(var(--learning-accent), #ffffff14 70%);width:1px;position:absolute;top:25px;bottom:27px;left:7px}.learning-timeline-item{margin-bottom:12px;padding-left:10px;position:relative}.learning-timeline-dot{color:#76829b;font-variant-numeric:tabular-nums;background:#0b0e14;border:1px solid #364054;border-radius:50%;place-items:center;width:19px;height:19px;font-size:8px;display:grid;position:absolute;top:47px;left:-27px}.learning-timeline-dot svg{width:11px;height:11px}.is-completed .learning-timeline-dot{color:#99d7c0;background:#1d302c;border-color:#34594f}.is-selected .learning-timeline-dot{border-color:var(--learning-accent);color:var(--learning-accent);box-shadow:0 0 0 5px #8baeff09}.learning-step-wrap{background:#0f1218;border:1px solid #ffffff0a;border-radius:17px;align-items:stretch;gap:4px;transition:border-color .2s,background .2s;display:flex}.is-selected .learning-step-wrap{background:linear-gradient(120deg, color-mix(in srgb, var(--learning-accent) 8%, #0f1218), #10131b);border-color:color-mix(in srgb, var(--learning-accent) 45%, transparent);box-shadow:0 8px 36px #00000014}.learning-step{text-align:left;border-radius:inherit;cursor:pointer;align-items:center;gap:16px;width:100%;min-width:0;padding:18px;display:flex}.learning-step:hover{background:#ffffff03}.learning-step-copy{flex:1;min-width:0;display:block}.learning-step-phase{letter-spacing:.12em;text-transform:uppercase;color:#7d899e;overflow-wrap:anywhere;margin-bottom:6px;font-size:8px;display:block}.learning-step-title{color:#dee5f0;letter-spacing:-.015em;overflow-wrap:anywhere;font-size:15px;font-weight:500;line-height:1.35;display:block}.learning-step-author{color:#7b8494;overflow-wrap:anywhere;margin-top:3px;font-size:10px;line-height:1.5;display:block}.learning-status{color:#828fa5;align-items:center;gap:5px;margin-top:8px;font-size:9px;display:inline-flex}.learning-status.is-completed{color:#9bcbb4}.learning-status.is-current{color:var(--learning-accent)}.learning-status svg{width:12px;height:12px}.learning-step-arrow{color:#5c6c87;flex-shrink:0;width:14px;height:14px}.is-selected .learning-step-arrow{color:var(--learning-accent)}.learning-reorder{flex-direction:column;align-self:center;padding-right:5px;display:flex}.learning-icon-button{color:#a7b4cb;cursor:pointer;border:1px solid #ffffff10;border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.learning-icon-button:hover{background:#ffffff09}.learning-icon-button svg{width:14px;height:14px}.learning-finish{color:#6e7a90;align-items:center;gap:16px;margin-left:-25px;padding:20px 0;font-size:11px;display:flex}.learning-finish svg{z-index:1;background:#090b10;width:16px;height:16px}.learning-detail{background:linear-gradient(160deg,#141923,#0d1016 65%);border:1px solid #ffffff10;border-radius:24px;min-width:0;padding:27px;position:sticky;top:92px;box-shadow:0 15px 50px #00000014}.learning-detail-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:25px;display:flex}.learning-detail-top .learning-status{margin-top:0}.learning-detail-resource{align-items:center;gap:23px;display:flex}.learning-detail h3{color:#e4e9f2;letter-spacing:-.035em;overflow-wrap:anywhere;font-size:28px;font-weight:500;line-height:1.13}.learning-detail-section{border-top:1px solid #ffffff0c;margin-top:23px;padding-top:23px}.learning-outcome{color:#c4cddb;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:12px;font-size:14px;line-height:1.7}.learning-notes{color:#9ca7b8;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:12px;font-size:13px;line-height:1.85}.learning-tasks{margin-top:14px}.learning-tasks li{color:#b5c0d2;align-items:flex-start;gap:10px;padding:8px 0;font-size:12px;line-height:1.6;display:flex}.learning-tasks li>svg{color:#6f7e96;flex-shrink:0;width:14px;height:14px;margin-top:3px}.learning-tasks li>span{overflow-wrap:anywhere;flex:1;min-width:0}.learning-tasks input{accent-color:var(--learning-accent);flex-shrink:0;width:16px;height:16px;margin-top:3px}.learning-tasks .learning-icon-button{flex-shrink:0;width:24px;height:24px}.learning-detail-links{flex-wrap:wrap;gap:16px;margin-top:24px;display:flex}.learning-detail-links a{color:var(--learning-accent);align-items:center;gap:7px;font-size:11px;display:inline-flex}.learning-detail-links svg{width:13px;height:13px}.learning-resource-cover{aspect-ratio:2/3;color:#a4b8dd;background:radial-gradient(at 20% 10%,#62799b30,#0000 90%),linear-gradient(160deg,#152131,#0c101a);border:1px solid #8baeff20;border-radius:4px;flex-direction:column;justify-content:space-between;padding:9px;display:flex;overflow:hidden}.learning-resource-cover>span{overflow-wrap:anywhere;font-size:7px;line-height:1.25;overflow:hidden}.learning-detail-resource .learning-resource-cover>span{font-size:10px}.learning-empty{text-align:center;border:1px dashed #ffffff1c;border-radius:22px;flex-direction:column;align-items:center;gap:18px;min-height:330px;padding:45px 20px;display:flex}.learning-empty h3{letter-spacing:-.03em;font-size:23px}.learning-empty p{color:#8c96a8;max-width:350px;font-size:13px;line-height:1.7}.learning-bottom-cta{background:linear-gradient(130deg,#8baeff09,#b8a2ff07);border:1px solid #ffffff0d;border-radius:22px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-top:66px;padding:32px;display:flex}.learning-bottom-cta h2{letter-spacing:-.035em;margin:8px 0;font-size:25px;font-weight:500;line-height:1.2}.learning-bottom-cta p:last-child{color:#8c97ab;max-width:540px;font-size:12px;line-height:1.7}.learning-input{color:#dce4f4;resize:vertical;background:#090d14;border:1px solid #ffffff18;border-radius:10px;width:100%;max-width:100%;min-height:44px;padding:11px 13px;font-size:13px;font-weight:400;line-height:1.6}.learning-input::placeholder{color:#59657b}.learning-input:focus{outline:2px solid var(--learning-accent,#8baeff);outline-offset:1px}.learning-input option{background:#111826}.learning-label{color:#96a2b8;flex-direction:column;gap:7px;min-width:0;font-size:11px;font-weight:500;display:flex}.learning-title-input{font-size:23px}.learning-edit-fields{grid-template-columns:1fr 1fr;gap:12px;margin-top:24px;display:grid}.learning-editor-footer{z-index:20;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#161d2bf2;border:1px solid #8baeff2e;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;padding:16px 20px;display:flex;position:sticky;bottom:16px;box-shadow:0 12px 60px #00000070}.learning-color{color:#111926;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.learning-color svg{width:13px;height:13px}.learning-delete-step,.learning-delete-journey{color:#b68c93;align-items:center;gap:8px;min-height:44px;font-size:11px;display:inline-flex}.learning-delete-step svg,.learning-delete-journey svg{width:13px;height:13px}.learning-delete-journey{color:#6f6876;margin-top:20px}.learning-dialog{--learning-accent:#8baeff;color:#dce4f4;background:#10151f;border:1px solid #ffffff20;border-radius:22px;gap:18px;width:calc(100% - 32px);max-height:90dvh;padding:28px;overflow-y:auto}.learning-dialog>[data-slot=dialog-description],.learning-dialog p{line-height:1.7}.learning-icon{color:#a8bfff;background:#8baeff12;border:1px solid #8baeff20;border-radius:14px;place-items:center;width:48px;height:48px;display:grid}.learning-icon svg{width:22px;height:22px}.learning-share-state{color:#a5b2c9;border:1px solid #ffffff0e;border-radius:12px;align-items:center;gap:9px;padding:12px 14px;font-size:12px;display:flex}.learning-share-state svg{width:15px;height:15px}.learning-segmented{background:#080c14;border:1px solid #ffffff14;border-radius:12px;gap:3px;padding:4px;display:flex}.learning-segmented button{color:#8b97ae;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 8px;font-size:11px;display:flex}.learning-segmented button[aria-pressed=true]{color:#dce7ff;background:#1c293f}.learning-search{border:1px solid #ffffff16;border-radius:11px;align-items:center;gap:8px;padding:10px 14px;display:flex}.learning-search svg{color:#6b7890;width:16px;height:16px}.learning-search input{background:0 0;outline:none;width:100%;min-width:0;font-size:13px}.learning-hub-hero{text-align:center;max-width:680px;margin:0 auto;padding:30px 0 76px}.learning-hub-orb{place-items:center;height:112px;display:grid}.learning-hub-hero>.learning-eyebrow{justify-content:center;margin-top:10px}.learning-hub-hero h1{letter-spacing:-.065em;margin:18px 0 22px;font-size:clamp(46px,7.5vw,84px);font-weight:500;line-height:1.02}.learning-hub-hero h1 em{color:#b0c6fc;font-style:normal}.learning-hub-hero>p:not(.learning-eyebrow){color:#8e9bb1;max-width:420px;margin:0 auto 25px;font-size:15px;line-height:1.8}.learning-hub-principles{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin-top:25px;display:flex}.learning-hub-principles span{color:#6c7b94;align-items:center;gap:6px;font-size:10px;display:flex}.learning-hub-principles svg{width:12px;height:12px}.learning-device-note{background:#8baeff06;border:1px solid #8baeff13;border-radius:14px;align-items:center;gap:12px;margin-bottom:24px;padding:15px 18px;display:flex}.learning-device-note>svg{color:#8baeff;flex-shrink:0;width:16px;height:16px}.learning-device-note p{color:#8592aa;flex:1;font-size:12px;line-height:1.7}.learning-device-note a,.learning-device-note button{white-space:nowrap;color:#b4c8ff;align-items:center;gap:5px;font-size:12px;display:flex}.learning-device-note a svg{width:13px;height:13px}.learning-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.learning-journey-card{background:linear-gradient(145deg, color-mix(in srgb, var(--learning-accent) 4%, #0f131c), #0d1119);border:1px solid #ffffff0d;border-radius:20px;min-width:0;padding:24px;transition:border-color .2s,transform .2s}.learning-journey-card:hover{border-color:color-mix(in srgb, var(--learning-accent) 40%, transparent);transform:translateY(-3px)}.learning-card-top{justify-content:space-between;align-items:center;gap:14px;display:flex}.learning-card-top>svg{color:#7f92b2;width:15px;height:15px}.learning-journey-card h3{letter-spacing:-.04em;overflow-wrap:anywhere;margin:24px 0 12px;font-size:23px;font-weight:500;line-height:1.18}.learning-journey-card>p{color:#7f8da5;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:40px;font-size:12px;line-height:1.7;display:-webkit-box;overflow:hidden}.learning-card-covers{align-items:center;gap:8px;height:100px;margin:14px 0 18px;padding:10px 0;display:flex}.learning-journey-card .learning-progress-track{margin-bottom:11px}.learning-create-card{text-align:center;background:#ffffff01;border:1px dashed #ffffff19;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:320px;padding:24px;display:flex}.learning-create-card>span{color:#8baeff;border:1px solid #ffffff12;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.learning-create-card>span svg{width:18px;height:18px}.learning-create-card strong{letter-spacing:-.025em;font-size:18px;font-weight:400}.learning-create-card p{color:#71819c;font-size:11px}.learning-create-card:hover{background:#8baeff05;border-color:#8baeff60}.learning-example{border-top:1px solid #ffffff0c;grid-template-columns:1fr 1fr;align-items:center;gap:64px;margin-top:80px;padding-top:50px;display:grid}.learning-example h2{letter-spacing:-.04em;max-width:400px;margin:14px 0;font-size:32px;font-weight:500;line-height:1.15}.learning-example>div>p:not(.learning-eyebrow){color:#8a97af;max-width:420px;margin-bottom:22px;font-size:13px;line-height:1.8}.learning-example-preview{background:radial-gradient(at 60% 0,#8baeff18,#0000 75%),#10141d;border:1px solid #ffffff0d;border-radius:22px;padding:30px 28px 22px;display:block}.learning-example-cover-row{justify-content:center;align-items:end;gap:15px;padding:10px 0 32px;display:flex}.learning-example-cover-row>div:first-child{transform:rotate(-8deg)translateY(7px)}.learning-example-cover-row>div:nth-child(3){transform:rotate(8deg)translateY(7px)}.learning-example-caption{border-top:1px solid #ffffff0c;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:20px;display:flex}.learning-example-caption>span:last-child{color:#a5b4ce;align-items:center;gap:5px;font-size:12px;display:flex}.learning-example-caption svg{color:#91c8b7;width:13px;height:13px}.learning-route-empty{text-align:center;flex-direction:column;align-items:center;gap:24px;padding-top:100px;padding-bottom:100px;display:flex}.learning-route-empty>svg{color:#8baeff;width:30px;height:30px}.learning-route-empty h1{letter-spacing:-.035em;font-size:32px;line-height:1.2}.learning-route-empty p{color:#8c9ab2;max-width:400px;font-size:14px;line-height:1.8}@media (width<=1000px){.learning-hero{grid-template-columns:minmax(0,1fr) 250px;gap:32px}.learning-workspace{gap:20px}.learning-detail{padding:22px}.learning-detail-resource{gap:15px}.learning-detail h3{font-size:25px}.learning-step{gap:12px;padding:14px}.learning-step-title{font-size:14px}.learning-step-arrow{display:none}.learning-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.learning-shell{padding:20px 20px 45px}.learning-topline{align-items:flex-start;gap:8px}.learning-visibility{font-size:9px}.learning-back{font-size:11px}.learning-hero{grid-template-columns:minmax(0,1fr);gap:26px;padding:42px 0 25px}.learning-hero h1{max-width:480px;font-size:42px}.learning-goal{font-size:14px;line-height:1.8}.learning-orbit-card{text-align:left;grid-template-columns:90px minmax(0,1fr);column-gap:16px;padding:20px;display:grid}.learning-orbit{grid-row:1/4;height:90px;margin:0}.learning-orbit>div:first-child{width:100px;height:100px}.learning-orbit>div:nth-child(2){width:120px;height:120px}.learning-orbit>div:nth-child(3){transform:scale(.8)}.learning-orbit-stat{justify-content:flex-start;gap:5px}.learning-orbit-stat span:first-child{font-size:35px}.learning-orbit-stat span:last-child{font-size:16px}.learning-orbit-card>p{margin:7px 0 10px;font-size:10px}.learning-orbit-card .learning-progress-track{align-self:end}.learning-orbit-next{border-top:1px solid #ffffff0b;grid-column:1/3;justify-content:flex-start;margin-top:16px;padding-top:13px}.learning-workspace-heading h2{font-size:25px}.learning-workspace{flex-direction:column;display:flex}.learning-timeline{scroll-snap-type:x proximity;gap:10px;width:100%;padding:0 0 12px;display:flex;overflow-x:auto}.learning-timeline:before,.learning-timeline-dot,.learning-finish{display:none}.learning-timeline-item{scroll-snap-align:start;flex-shrink:0;width:220px;margin:0;padding:0}.learning-step-wrap{height:100%}.learning-step{align-items:flex-start;gap:12px;padding:13px}.learning-step-phase{font-size:7px}.learning-step-title{font-size:13px}.learning-step-author{font-size:9px}.learning-status{font-size:8px}.learning-step .learning-status{margin-top:7px}.learning-reorder{padding-right:3px}.learning-reorder .learning-icon-button{width:26px}.learning-detail{width:100%;padding:24px 20px;position:static}.learning-detail h3{font-size:27px}.learning-detail-resource{gap:20px}.learning-detail-top{margin-bottom:22px}.learning-editor-footer{justify-content:center;padding:12px;bottom:10px}.learning-editor-footer .learning-button{width:100%}.learning-bottom-cta{margin-top:40px;padding:24px}.learning-bottom-cta h2{font-size:24px}.learning-delete-journey{margin-top:16px}.learning-dialog{max-height:88dvh;padding:24px 20px}.learning-hub-hero{padding:10px 0 42px}.learning-hub-hero h1{font-size:59px}.learning-hub-hero>p:not(.learning-eyebrow){font-size:14px}.learning-hub-principles{gap:14px}.learning-hub-principles span{font-size:8px}.learning-device-note{flex-wrap:wrap;padding:14px}.learning-device-note p{font-size:11px}.learning-device-note>a{margin-left:28px}.learning-card-grid{grid-template-columns:minmax(0,1fr)}.learning-create-card{min-height:190px}.learning-example{grid-template-columns:minmax(0,1fr);gap:28px;margin-top:45px;padding-top:34px}.learning-example h2{font-size:31px}}@media (width<=359px){.learning-shell{padding-left:16px;padding-right:16px}.learning-hero h1{font-size:36px}.learning-hub-hero h1{font-size:49px}.learning-detail h3{font-size:23px}.learning-button,.learning-button-secondary{padding:12px 14px;font-size:11px}.learning-detail-resource{gap:14px}}@media (prefers-reduced-motion:reduce){.learning-page *,.learning-dialog *{scroll-behavior:auto!important;transition:none!important}}.learning-teaser{--learning-accent:#8baeff;background:radial-gradient(at 90% 0,#8baeff16,#0000 60%),linear-gradient(135deg,#111722,#0e1017);border:1px solid #ffffff12;border-radius:26px;overflow:hidden}.learning-teaser-link{grid-template-columns:minmax(0,1fr) 260px;align-items:center;gap:36px;padding:36px;display:grid}.learning-teaser-link h3{letter-spacing:-.03em;margin:12px 0;font-size:clamp(26px,3vw,38px);line-height:1.12}.learning-teaser-link>div>p:not(.learning-eyebrow){color:#8f9bb0;max-width:580px;font-size:13px;line-height:1.8}.learning-teaser-progress{color:#9bacc8;flex-wrap:wrap;justify-content:space-between;gap:10px;margin:20px 0 12px;font-size:11px;display:flex}.learning-teaser-art{flex-direction:column;align-items:center;gap:15px;display:flex}.learning-teaser-art>div:last-child{align-items:center;gap:12px;display:flex}.learning-teaser-art>div:last-child>div:first-child{transform:rotate(-8deg)translateY(8px)}.learning-teaser-art>div:last-child>div:last-child{transform:rotate(8deg)translateY(8px)}.learning-teaser-own{color:#7e8ba2;background:#ffffff02;border-top:1px solid #ffffff0d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 36px;font-size:12px;display:flex}.learning-teaser-own a{color:#a6c1ff;align-items:center;gap:8px;display:inline-flex}.learning-teaser-own svg{width:14px;height:14px}@media (width<=700px){.learning-teaser-link{grid-template-columns:minmax(0,1fr);gap:24px;padding:26px}.learning-teaser-art{flex-direction:row;justify-content:space-around;gap:10px}.learning-teaser-art>div:last-child{gap:8px}.learning-teaser-own{padding:18px 26px}}
