.learn-page{--ink:#17143f;--muted:#6c6880;--paper:#fffdf8;--violet:#7256e8;--lilac:#ece6ff;--coral:#ff5c7c;--yellow:#ffc94e;--teal:#24b6b0;--blue:#4c9ee8;background:var(--paper);color:var(--ink)}
.learn-page::before{background:radial-gradient(circle at var(--mx,12%) var(--my,18%),rgba(114,86,232,.1),transparent 24%),radial-gradient(circle at 86% 28%,rgba(255,201,78,.12),transparent 22%)}
.learn-page button,.learn-page input{font:inherit}.learn-page :focus-visible{outline:3px solid var(--yellow);outline-offset:4px}
.learn-nav{width:min(1180px,calc(100% - 34px));padding:10px 13px 10px 20px;border:1px solid rgba(54,42,110,.1);border-radius:24px;background:rgba(255,255,253,.92);box-shadow:0 13px 38px rgba(42,31,82,.1)}
.learn-nav .links{gap:25px}.learn-nav .links a[aria-current]{color:var(--violet)}.learn-nav .nav-cta{border-radius:999px;background:var(--ink)}
.learn-hero{position:relative;min-height:min(800px,100svh);padding:145px max(28px,calc((100% - 1160px)/2)) 100px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:50px;overflow:hidden;background:radial-gradient(circle at 85% 20%,#fff1b9 0 11%,transparent 11.2%),linear-gradient(135deg,#f7f2ff,#fffdf8 52%,#ecfbfa)}
.learn-hero::before{content:"";position:absolute;width:420px;height:420px;left:-270px;top:170px;border:70px solid rgba(255,92,124,.08);border-radius:50%}
.learn-hero-copy{position:relative;z-index:2;animation:learnRise .75s cubic-bezier(.2,.8,.2,1) both}.breadcrumbs{display:flex;gap:9px;align-items:center;margin-bottom:38px;color:#817b96;font-size:.75rem}.breadcrumbs a{color:inherit}.learn-kicker{display:flex;gap:8px;align-items:center;margin:0 0 18px;color:var(--violet);font-size:.72rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.learn-kicker span{color:var(--yellow);font-size:1rem}
.learn-hero h1{margin:0;font-size:clamp(4rem,7.3vw,7.3rem);line-height:.84;letter-spacing:-.085em}.learn-hero h1 em{color:var(--violet);font-style:normal}.learn-hero-copy>p:not(.learn-kicker){max-width:610px;margin:27px 0 0;color:#5e5975;font-size:1.08rem;line-height:1.7}.learn-actions{display:flex;align-items:center;gap:26px;margin-top:28px}.learn-primary{display:inline-flex;gap:14px;padding:15px 24px;border-radius:999px;background:var(--ink);color:#fff;text-decoration:none;font-size:.82rem;font-weight:900;box-shadow:0 14px 30px rgba(23,20,63,.2)}.learn-actions>span{color:var(--muted);font-size:.75rem}.learn-actions>span b{color:var(--ink);font-size:1.4rem}
.hero-brain{position:relative;width:min(560px,46vw);aspect-ratio:1;margin:auto;animation:learnScale .9s .1s cubic-bezier(.2,.8,.2,1) both}.brain-core{position:absolute;z-index:3;inset:30%;display:grid;place-content:center;text-align:center;border:1px solid rgba(255,255,255,.8);border-radius:42% 58% 55% 45%/45% 40% 60% 55%;background:linear-gradient(145deg,#856cf1,#5d3fd4);color:#fff;box-shadow:0 35px 70px rgba(76,51,174,.28),inset 8px 9px 20px rgba(255,255,255,.22);animation:morphBrain 7s ease-in-out infinite}.brain-core span{font-size:clamp(3rem,7vw,6.2rem);font-weight:1000;line-height:.8;letter-spacing:-.1em}.brain-core small{margin-top:15px;font:.68rem/1 ui-monospace,monospace;letter-spacing:.06em}.brain-orbit{position:absolute;border:1px solid rgba(54,42,110,.2);border-radius:50%;animation:spin 18s linear infinite}.orbit-a{inset:13%}.orbit-b{inset:4% 20%;transform:rotate(55deg);animation-duration:14s;animation-direction:reverse}.brain-node{position:absolute;z-index:4;display:grid;place-items:center;width:78px;height:78px;border:6px solid rgba(255,255,255,.7);border-radius:50%;font-style:normal;font-size:.68rem;font-weight:900;box-shadow:0 12px 30px rgba(35,28,82,.13);animation:nodeFloat 5s ease-in-out infinite}.n1{top:8%;left:24%;background:#ffd263;animation-delay:-1s}.n2{top:25%;right:2%;background:#6fd8d1;animation-delay:-2s}.n3{bottom:6%;right:25%;background:#ff8ca4;animation-delay:-3s}.n4{bottom:20%;left:2%;background:#9fd3ff;animation-delay:-4s}.brain-pulse{position:absolute;z-index:2;width:11px;height:11px;border-radius:50%;background:#fff;box-shadow:0 0 0 6px rgba(255,255,255,.28);animation:pulseTravel 4s linear infinite}.p1{top:24%;left:31%}.p2{right:18%;bottom:38%;animation-delay:-1.4s}.p3{left:19%;bottom:28%;animation-delay:-2.8s}
.hero-ribbon{position:absolute;left:0;right:0;bottom:0;height:48px;display:flex;align-items:center;justify-content:center;gap:23px;background:var(--ink);color:#fff;font:900 .66rem/1 ui-monospace,monospace;letter-spacing:.11em}.hero-ribbon i{color:var(--yellow);font-style:normal}
.learn-promise{display:grid;grid-template-columns:repeat(3,1fr);width:min(1160px,calc(100% - 34px));margin:0 auto;padding:72px 0;border-bottom:1px solid #e9e4df}.learn-promise div{padding:5px 42px;border-right:1px solid #e7e2ec}.learn-promise div:first-child{padding-left:0}.learn-promise div:last-child{border:0}.learn-promise span{color:var(--violet);font:900 .68rem/1 ui-monospace,monospace}.learn-promise strong{display:block;margin:14px 0 7px;font-size:1.28rem}.learn-promise p{margin:0;color:var(--muted);font-size:.85rem;line-height:1.55}
.learning-path{display:grid;grid-template-columns:300px 1fr;gap:70px;width:min(1160px,calc(100% - 34px));margin:0 auto;padding:105px 0}.path-sidebar{position:sticky;top:110px;align-self:start}.path-sidebar h2{margin:8px 0 28px;font-size:3.2rem;line-height:.9;letter-spacing:-.07em}.concept-search{display:flex;align-items:center;gap:8px;padding:11px 15px;border:1px solid #dfd9ea;border-radius:999px;background:#fff}.concept-search span{color:var(--violet);font-size:1.2rem}.concept-search input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:.78rem}.level-tabs{display:flex;flex-direction:column;margin-top:22px}.level-tabs button{display:flex;justify-content:space-between;padding:13px 2px;border:0;border-bottom:1px solid #e8e3ec;background:transparent;color:var(--muted);font-size:.76rem;font-weight:850;text-align:left;cursor:pointer}.level-tabs button span{color:#aaa5b6}.level-tabs button:hover,.level-tabs button.active{color:var(--violet)}.level-tabs button.active{padding-left:11px;border-left:3px solid var(--violet)}.path-progress{margin-top:28px}.path-progress>span{display:block;height:5px;border-radius:5px;background:#e8e4ed;overflow:hidden}.path-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--violet),var(--coral));transition:width .3s ease}.path-progress p{margin:8px 0;color:var(--muted);font-size:.67rem}.path-progress b{color:var(--ink)}
.concept-stream{min-width:0}.level-heading{padding:0 0 24px;margin:0 0 12px;border-bottom:1px solid #e6e1e9}.level-heading:not(:first-child){margin-top:90px}.level-heading span{color:var(--violet);font:900 .67rem/1 ui-monospace,monospace;letter-spacing:.1em}.level-heading h3{margin:12px 0 8px;font-size:2.5rem;line-height:1;letter-spacing:-.055em}.level-heading p{max-width:610px;margin:0;color:var(--muted);line-height:1.55}
.concept{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:42px;padding:42px 0;border-bottom:1px solid #e6e1e9;scroll-margin-top:105px;opacity:0;transform:translateY(22px);transition:opacity .55s ease,transform .55s ease}.concept.show{opacity:1;transform:none}.concept-number{position:absolute;right:0;top:14px;color:#d9d4e1;font:900 .65rem/1 ui-monospace,monospace}.concept-kicker{margin:0 0 10px;color:var(--violet);font:900 .66rem/1 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.1em}.concept h3{margin:0;font-size:clamp(2rem,4vw,3.7rem);line-height:.92;letter-spacing:-.07em}.concept-definition{margin:20px 0 0;color:#4f4b64;font-size:1rem;line-height:1.7}.concept-definition strong{color:var(--ink)}.concept-practical{margin-top:23px;padding:17px 18px 16px;border-left:3px solid var(--violet);background:#f7f4ff}.concept-practical h4{margin:0 0 9px;color:var(--violet);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase}.concept-practical ul{display:grid;gap:7px;margin:0;padding:0;list-style:none}.concept-practical li{position:relative;padding-left:15px;color:#514d67;font-size:.82rem;line-height:1.55}.concept-practical li::before{content:"";position:absolute;left:0;top:.62em;width:5px;height:5px;border-radius:50%;background:var(--coral)}.analogy-title{margin:22px 0 10px;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase}.analogies{display:grid;grid-template-columns:1fr 1fr;gap:9px}.analogy{padding:13px 14px;border-left:3px solid var(--yellow);background:#fffbef;font-size:.76rem;line-height:1.45}.analogy:nth-child(2){border-color:var(--teal);background:#effbfa}.analogy b{display:block;margin-bottom:3px;color:var(--ink)}
.concept-visual{align-self:center;min-height:250px;display:flex;flex-direction:column;justify-content:center}.diagram{position:relative;min-height:205px;padding:22px;border-radius:28px;background:var(--diagram-bg,#f0ebff);overflow:hidden;isolation:isolate}.diagram::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 80% 12%,rgba(255,255,255,.8),transparent 33%)}.diagram-label{margin:0 0 18px;color:#514a70;font:900 .59rem/1 ui-monospace,monospace;letter-spacing:.09em;text-transform:uppercase}.flow{display:flex;align-items:center;justify-content:center;gap:8px;min-height:110px}.flow-node{position:relative;display:grid;place-items:center;min-width:66px;min-height:66px;padding:9px;border:2px solid rgba(31,24,72,.14);border-radius:18px;background:#fff;color:var(--ink);font-size:.65rem;font-weight:900;text-align:center;box-shadow:0 8px 18px rgba(35,27,83,.08)}.flow-node:nth-of-type(2){background:#7760e7;color:#fff}.flow-node:nth-of-type(3){background:#ffd468}.flow-arrow{position:relative;width:27px;height:2px;background:#827a9f}.flow-arrow::after{content:"";position:absolute;right:-1px;top:-3px;width:7px;height:7px;border-top:2px solid #827a9f;border-right:2px solid #827a9f;transform:rotate(45deg)}.flow-dot{position:absolute;z-index:4;width:7px;height:7px;border-radius:50%;background:var(--coral);animation:diagramFlow 2.4s ease-in-out infinite}.diagram-caption{margin:12px 4px 0;color:#6d6780;font-size:.65rem;line-height:1.45;text-align:center}.diagram[data-tone="teal"]{--diagram-bg:#e6f9f7}.diagram[data-tone="yellow"]{--diagram-bg:#fff4ce}.diagram[data-tone="coral"]{--diagram-bg:#ffedf1}.diagram[data-tone="blue"]{--diagram-bg:#eaf5ff}.diagram[data-tone="dark"]{--diagram-bg:#211d48}.diagram[data-tone="dark"] .diagram-label,.diagram[data-tone="dark"] .diagram-caption{color:#d8d3f4}.diagram[data-tone="dark"] .flow-arrow{background:#9189bd}.diagram[data-tone="dark"] .flow-arrow::after{border-color:#9189bd}
.empty-state{padding:80px 0;color:var(--muted);text-align:center}.empty-state strong{display:block;margin-bottom:8px;color:var(--ink);font-size:1.5rem}
.learn-finale{width:min(1160px,calc(100% - 34px));margin:0 auto 95px;padding:55px;display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:end;border-radius:32px;background:linear-gradient(125deg,#211a55,#4c328d);color:#fff}.learn-finale h2{margin:7px 0 0;font-size:clamp(2.6rem,5vw,5rem);line-height:.88;letter-spacing:-.07em}.learn-finale p{margin:0;color:#ddd7f5;line-height:1.7}.learn-finale>a{grid-column:2;color:#ffd468;font-size:.78rem;font-weight:900}.learn-finale .section-label{color:#bfb5ef}
.learn-footer{padding:52px max(28px,calc((100% - 1160px)/2));display:flex;justify-content:space-between;align-items:center;background:#fff;color:var(--ink);border-top:1px solid #e9e4df;text-align:left}.learn-footer .logo{font-size:2rem}.learn-footer p{margin:8px 0 0;color:var(--muted)}.learn-footer>div:last-child{display:flex;gap:24px}.learn-footer a{color:var(--muted);font-size:.76rem;text-decoration:none}.learn-footer a:hover{color:var(--violet)}
@keyframes learnRise{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}@keyframes learnScale{from{opacity:0;transform:scale(.86) rotate(-4deg)}to{opacity:1;transform:none}}@keyframes morphBrain{0%,100%{border-radius:42% 58% 55% 45%/45% 40% 60% 55%}50%{border-radius:57% 43% 42% 58%/58% 55% 45% 42%;transform:translateY(-7px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes nodeFloat{50%{transform:translateY(-9px)}}@keyframes pulseTravel{0%,100%{opacity:0;transform:scale(.5)}35%,65%{opacity:1;transform:translate(45px,35px) scale(1)}}@keyframes diagramFlow{0%,100%{left:25%;opacity:0}20%{opacity:1}80%{opacity:1}100%{left:75%}}
@media(max-width:980px){.learn-nav .nav-cta{display:none}.learn-hero{grid-template-columns:1fr .8fr}.learning-path{grid-template-columns:240px 1fr;gap:38px}.concept{grid-template-columns:1fr}.concept-visual{max-width:390px}.path-sidebar h2{font-size:2.6rem}}
@media(max-width:760px){.learn-nav .links{display:none}.learn-page.menu-open .learn-nav .links{display:flex}.learn-hero{min-height:auto;padding:120px 18px 75px;grid-template-columns:1fr}.learn-hero h1{font-size:clamp(3.5rem,16vw,5rem)}.hero-brain{width:min(430px,92vw)}.hero-ribbon{gap:10px;font-size:.52rem}.learn-promise{grid-template-columns:1fr;padding:42px 0}.learn-promise div,.learn-promise div:first-child{padding:18px 0;border-right:0;border-bottom:1px solid #e7e2ec}.learn-promise div:last-child{border:0}.learning-path{display:block;padding:70px 0}.path-sidebar{position:relative;top:0;margin-bottom:58px}.path-sidebar h2{font-size:3rem}.level-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px}.level-tabs button{padding:12px 8px;border:1px solid #e5dfeb;border-radius:10px}.level-tabs button.active{padding-left:8px;border:1px solid var(--violet);background:var(--lilac)}.concept{gap:24px}.concept-visual{max-width:none}.learn-finale{padding:34px 25px;grid-template-columns:1fr}.learn-finale>a{grid-column:1}.learn-footer{align-items:flex-start;gap:30px}.learn-footer>div:last-child{flex-direction:column;gap:10px}}
@media(max-width:480px){.learn-actions{align-items:flex-start;flex-direction:column}.hero-ribbon span:nth-of-type(2),.hero-ribbon i:nth-of-type(2){display:none}.brain-node{width:62px;height:62px;border-width:4px}.concept{padding:34px 0}.concept h3{font-size:2.55rem}.analogies{grid-template-columns:1fr}.flow{gap:4px}.flow-node{min-width:58px;min-height:58px;font-size:.59rem}.flow-arrow{width:17px}.learn-footer{flex-direction:column}}
@media(prefers-reduced-motion:reduce){.learn-page *{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.concept{opacity:1;transform:none}}
/* Expanded reading uses the original Oasis palette, type and continuous layout. */
.learn-nav .nav-cta{color:#fff}
.concept-depth h4,.concept-related h4{margin:23px 0 8px;color:var(--violet);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase}
.concept-depth p{margin:0;color:#4f4b64;font-size:.9rem;line-height:1.7}
.concept-related{margin-top:22px}.concept-related a{display:inline-block;margin:0 12px 8px 0;color:var(--violet);font-size:.76rem;line-height:1.5}
.concept-source{color:var(--muted);font-size:.72rem;line-height:1.6}.concept-source a{color:var(--violet)}
.concept>div{min-width:0}.concept h3,.concept-source{overflow-wrap:anywhere}.flow-node{min-width:0;flex:1;overflow-wrap:anywhere}.flow-arrow{flex:0 0 17px}
.learn-relationships{width:min(1160px,calc(100% - 34px));margin:0 auto;padding:72px 0 0;scroll-margin-top:110px}.learn-relationships h2{margin:10px 0 32px;font-size:clamp(2.5rem,5vw,4rem);line-height:.95;letter-spacing:-.07em}
.relationship-layout{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.relationship-nest,.relationship-nest div{padding:18px;border:1px solid #d7cdf4;border-radius:22px;background:#f5f0ff}.relationship-nest div{margin:15px 0 0 20px;background:#e9e0ff}.relationship-nest div div{background:#d9cbff}.relationship-nest div div div{background:var(--violet)}.relationship-nest a{color:var(--ink);font-size:.9rem;font-weight:850;text-decoration:none}.relationship-nest div div div a{color:white}.relationship-nest a:hover{text-decoration:underline}.relationship-copy p{margin:0 0 17px;color:#4f4b64;font-size:.9rem;line-height:1.7}.relationship-copy strong{color:var(--ink)}.relationship-copy a{color:var(--violet)}
@media(max-width:760px){.relationship-layout{grid-template-columns:1fr;gap:25px}.learn-relationships{padding-top:42px}.relationship-nest,.relationship-nest div{padding:13px}.relationship-nest div{margin-left:8px}}