.learn-page{display:none;min-height:100vh;color:#f8f8ff;background:radial-gradient(circle at 80% 0,#48207866,transparent 28%),#050b17}.learn-shell{width:min(1420px,calc(100% - 44px));margin:auto;padding-bottom:70px}.learn-nav{height:82px;display:flex;align-items:center;justify-content:space-between}.learn-nav .brand{color:#fff}.learn-back,.learn-refresh,.article-back{display:flex;align-items:center;gap:8px;border:1px solid #ffffff1d;border-radius:12px;padding:10px 14px;background:#0d1525;color:#eee;font-weight:800;cursor:pointer}.learn-refresh{padding:10px}.learn-nav svg,.article-back svg{width:17px}.learn-hero{overflow:hidden;padding:54px clamp(25px,7vw,100px);border:1px solid #ffffff14;border-radius:28px;background:linear-gradient(120deg,#1c1240,#6222a2 55%,#ed3f9b);box-shadow:0 30px 70px #0006}.learn-hero>span,.learn-card small,.article-copy>small{color:#ffc73d;font-size:11px;font-weight:900;letter-spacing:.12em}.learn-hero h1{margin:12px 0;font-size:clamp(36px,5vw,70px);line-height:1}.learn-hero h1 em{color:#ffd33d;font-style:normal}.learn-hero p{margin:0;color:#e4dcf2;font-size:17px}.learn-tools{display:grid;grid-template-columns:1fr 220px;gap:12px;margin:24px 0}.learn-tools label{display:flex;align-items:center;gap:9px;padding:0 14px;border:1px solid #ffffff18;border-radius:13px;background:#0c1422}.learn-tools input,.learn-tools select{width:100%;padding:14px;border:0;outline:0;color:#fff;background:transparent;font:inherit}.learn-tools select{border:1px solid #ffffff18;border-radius:13px;background:#0c1422}.learn-tools svg{width:18px;color:#a48bbc}.learn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.learn-card{overflow:hidden;padding:0;border:1px solid #ffffff16;border-radius:20px;background:#0c1422;color:#fff;text-align:left;cursor:pointer;transition:.22s}.learn-card:hover{transform:translateY(-4px);border-color:#a84cff88;box-shadow:0 20px 45px #0007}.learn-cover{min-height:190px;display:grid;place-items:center;background:linear-gradient(135deg,#2a1653,#d63894);background-position:center;background-size:cover}.learn-cover>svg{width:44px;height:44px;opacity:.7}.learn-card-copy{display:block;padding:20px}.learn-card strong{display:block;margin:9px 0;font-size:20px;line-height:1.25}.learn-card p{min-height:54px;margin:0 0 16px;color:#aeb6c7;line-height:1.5}.learn-card b{display:flex;align-items:center;gap:7px;color:#df58ff}.learn-card b svg{width:16px}.learn-card.featured{grid-column:span 2;display:grid;grid-template-columns:1.1fr 1fr}.learn-card.featured .learn-cover{min-height:300px}.learn-card.featured .learn-card-copy{display:flex;flex-direction:column;justify-content:center;padding:35px}.learn-card.featured strong{font-size:30px}.learn-empty{grid-column:1/-1;padding:50px;border:1px dashed #ffffff20;border-radius:20px;color:#aeb6c7;text-align:center}.learn-article-view{max-width:980px;margin:15px auto}.article-back{margin-bottom:18px}.article-cover{width:100%;max-height:500px;border-radius:25px;object-fit:cover}.article-copy{max-width:760px;margin:35px auto}.article-copy h1{margin:12px 0;font-size:clamp(34px,6vw,62px);line-height:1.05}.article-excerpt{padding-bottom:25px;border-bottom:1px solid #ffffff1a;color:#bfc6d6;font-size:19px;line-height:1.55}.article-body{font-size:17px;line-height:1.8;color:#d7dce7}.article-body h2{margin:42px 0 10px;color:#fff;font-size:28px}.article-body p{margin:18px 0}.hidden{display:none!important}@media(max-width:900px){.learn-grid{grid-template-columns:repeat(2,1fr)}.learn-card.featured{grid-column:span 2}}@media(max-width:650px){.learn-shell{width:min(100% - 24px,1420px)}.learn-nav{height:70px}.learn-nav .brand{font-size:13px}.learn-nav .brand-mark{width:34px;height:34px}.learn-back{font-size:0;padding:10px}.learn-back svg{margin:0}.learn-hero{padding:38px 24px}.learn-hero p{font-size:14px}.learn-tools{grid-template-columns:1fr}.learn-grid{grid-template-columns:1fr}.learn-card.featured{grid-column:auto;display:block}.learn-card.featured .learn-cover{min-height:190px}.learn-card.featured .learn-card-copy{display:block;padding:20px}.learn-card.featured strong{font-size:20px}.article-copy{margin:25px 8px}.article-body{font-size:16px}}