.learn-page{min-height:100vh;color:var(--ink);background:radial-gradient(at 50% -20%,#16204a 0%,#03050b 55%);padding-bottom:80px}.learn-head{padding:calc(env(safe-area-inset-top,0px) + 18px) max(16px, 5vw) 0;justify-content:space-between;align-items:center;gap:12px;display:flex}.learn-brand{font-family:var(--font-display);align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.learn-wrap{width:min(860px,100% - 32px);margin:40px auto 0}.learn-wrap h1{font-family:var(--font-display);letter-spacing:-.02em;margin:10px 0 14px;font-size:clamp(32px,5vw,52px);line-height:1.05}.learn-wrap h2{font-family:var(--font-display);margin:44px 0 14px;font-size:22px}.learn-lead{color:#ffe8bd;margin:0 0 20px;font-size:19px;line-height:1.55}.learn-body p{color:var(--ink-2);margin:0 0 16px;font-size:16.5px;line-height:1.7}.learn-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.learn-tile{border:1px solid var(--line);background:#ffffff08;border-radius:18px;padding:18px;transition:background .2s,border-color .2s}.learn-tile:hover{background:#ffffff12;border-color:#ffd27a59}.learn-tile h3{margin:0 0 6px;font-size:16px}.learn-tile p{color:var(--ink-3);margin:0;font-size:13.5px;line-height:1.45}.learn-cta{flex-wrap:wrap;gap:10px;margin:24px 0 8px;display:flex}.breadcrumb{color:var(--ink-3);font-size:13px}.breadcrumb a:hover{color:var(--ink)}