*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fffaf2;color:#35435d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.learn-topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px clamp(20px,4vw,64px);background:#fffaf2f0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid #eee3d7}.learn-brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.learn-brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#eef3ff}.learn-brand-mark img{width:34px;height:34px}.learn-brand span:last-child{display:flex;flex-direction:column}.learn-brand strong{font-size:15px}.learn-brand small{margin-top:2px;color:#8b8797;font-size:11px}.learn-topbar nav,.learn-footer nav{display:flex;align-items:center;gap:16px}.learn-topbar nav a,.learn-footer a{color:#646b7f;font-size:13px;font-weight:800;text-decoration:none}.learn-topbar nav a.active,.learn-topbar nav a:hover,.learn-footer a:hover{color:#6558df}.learn-shell{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:54px 0 72px}.learn-hero{position:relative;overflow:hidden;padding:54px clamp(28px,6vw,72px);border:1px solid #e6e2f7;border-radius:34px;background:linear-gradient(135deg,#fff,#f4f0ff 58%,#eaf8ff);box-shadow:0 22px 60px #48497814}.learn-hero:after{content:"";position:absolute;right:-70px;bottom:-110px;width:300px;height:300px;border-radius:50%;background:#65d6b02e}.learn-kicker,.section-heading>span,.security-panel>span,.example-panel>span,.learn-callout span{display:block;color:#7467dc;font-size:11px;font-weight:900;letter-spacing:.14em}.learn-hero h1{margin:14px 0 16px;color:#2f3e59;font-size:clamp(42px,6vw,72px);line-height:.98;letter-spacing:-.045em}.learn-hero h1 span{color:#6f7ff6}.learn-hero p{max-width:760px;margin:0;color:#6e7386;font-size:18px;line-height:1.7}.learn-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.learn-hero-actions a,.learn-doc-link,.learn-callout>a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:1px solid #ddd7ec;border-radius:14px;background:#fff;color:#58627a;font-size:13px;font-weight:900;text-decoration:none}.learn-hero-actions a.primary,.learn-callout>a{border-color:#6f7ff6;background:#6f7ff6;color:#fff}.learn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}.learn-card,.learn-section,.learn-callout{border:1px solid #ebe1d7;border-radius:24px;background:#fff}.learn-card{padding:24px}.card-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#fff2c8;font-size:22px}.learn-card:nth-child(2) .card-icon{background:#e7f4ff}.learn-card:nth-child(3) .card-icon{background:#e5f8f1}.learn-card h2{margin:16px 0 8px;color:#414d66;font-size:18px}.learn-card p,.section-heading p,.security-panel p{margin:0;color:#787d8d;font-size:14px;line-height:1.65}.learn-section{margin-top:22px;padding:30px}.section-heading{max-width:820px}.section-heading h2,.security-panel h2,.learn-callout h2{margin:7px 0 10px;color:#3f4c65;font-size:28px;letter-spacing:-.025em}.install-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0 18px}.install-flow>div{display:flex;gap:12px;padding:16px;border-radius:17px;background:#fffaf3;border:1px solid #eee3d7}.install-flow b{display:grid;place-items:center;flex:0 0 auto;width:30px;height:30px;border-radius:10px;background:#6f7ff6;color:#fff;font-size:12px}.install-flow span{display:flex;flex-direction:column}.install-flow strong{color:#4f5b72;font-size:13px}.install-flow small{margin-top:4px;color:#858998;font-size:12px;line-height:1.5}.config-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0 18px}.config-grid article{padding:15px;border-radius:15px;background:#f9f7ff;border:1px solid #ebe7fb}.config-grid strong,.config-grid span{display:block}.config-grid strong{color:#525e76;font-size:13px}.config-grid span{margin-top:5px;color:#838797;font-size:12px;line-height:1.45}.learn-doc-link{border-color:#cfc7ff;background:#f7f5ff;color:#6558df}.split-section{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.security-panel,.example-panel{padding:4px}.example-panel pre{overflow:auto;margin:12px 0 0;padding:20px;border-radius:17px;background:#293248;color:#edf1ff;font:13px/1.65 Cascadia Code,Consolas,monospace}.docs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}.docs-grid a{position:relative;display:flex;min-height:170px;flex-direction:column;padding:20px;border:1px solid #e8e3f5;border-radius:18px;background:#fcfbff;color:inherit;text-decoration:none;transition:.18s ease}.docs-grid a:hover{transform:translateY(-2px);border-color:#cfc7ff;box-shadow:0 12px 24px #584cb114}.docs-grid span{color:#7769df;font-size:10px;font-weight:900;letter-spacing:.1em}.docs-grid strong{margin-top:9px;color:#48546c;font-size:16px}.docs-grid small{margin-top:7px;color:#828695;font-size:12px;line-height:1.55}.docs-grid b{position:absolute;right:18px;bottom:16px;color:#6f7ff6;font-size:18px}.learn-callout{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:22px;padding:28px 30px;background:linear-gradient(120deg,#fff8e7,#f2efff)}.learn-callout h2{margin-bottom:6px}.learn-callout p{margin:0;color:#7b7f8e;font-size:14px}.learn-callout>a{flex:0 0 auto}.learn-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px clamp(20px,4vw,64px);border-top:1px solid #eee3d7;color:#888392;font-size:12px}@media(max-width:900px){.learn-topbar{align-items:flex-start;flex-direction:column}.learn-grid,.install-flow,.config-grid,.docs-grid{grid-template-columns:1fr 1fr}.split-section{grid-template-columns:1fr}.learn-callout{align-items:flex-start;flex-direction:column}}@media(max-width:620px){.learn-shell{width:min(100% - 24px,1180px);padding-top:24px}.learn-topbar nav,.learn-footer nav{flex-wrap:wrap}.learn-grid,.install-flow,.config-grid,.docs-grid{grid-template-columns:1fr}.learn-hero{padding:34px 24px}.learn-hero p{font-size:16px}.learn-section{padding:22px}.learn-footer{align-items:flex-start;flex-direction:column}}