.learning-home{color:#355348;background:#fffcf2;max-width:1100px;min-height:100svh;margin:auto;padding:26px clamp(20px,5vw,70px)}.learning-header{border-bottom:1px solid #e1e6d6;justify-content:space-between;align-items:center;gap:16px;padding-bottom:20px;display:flex}.learning-brand{align-items:center;gap:10px;font-size:20px;font-weight:800;display:flex}.learning-brand>span{color:#63965e;font-size:32px;line-height:1}.learning-label{color:#768473;font-size:13px}.learning-choose{padding:40px 0 26px}.learning-eyebrow{color:#809479;letter-spacing:2px;margin:0 0 10px;font-size:11px;font-weight:800}.learning-choose h1{letter-spacing:-1px;margin:0 0 10px;font-size:clamp(24px,3.3vw,36px);line-height:1.3}.learning-intro{color:#778171;margin:0 0 26px;font-size:15px}.learning-games{grid-template-columns:1.15fr 1fr;gap:24px;display:grid}.learning-card{background:#fffef8;border:2px solid #d9e1cc;border-radius:18px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 5px #e1e7d5}.learning-english{transition:transform .15s,border-color .15s}.learning-english:hover{border-color:#85ad72;transform:translateY(-3px)}.learning-art{background:#cce9e6;position:relative;overflow:hidden}.learning-art svg{object-fit:cover;width:100%;height:200px;display:block}.learning-badge{color:#457541;background:#fffff2;border:1px solid #b9d5a4;border-radius:30px;padding:6px 10px;font-size:11px;font-weight:700;position:absolute;top:14px;right:14px}.learning-card-body{flex-direction:column;flex:1;padding:22px;display:flex}.learning-subject{color:#758569;font-size:12px}.learning-card h2{margin:8px 0;font-size:25px}.learning-card p{color:#727e6a;margin:0 0 22px;font-size:14px;line-height:1.7}.learning-enter{color:#fff;background:#4e8558;border:2px solid #3e744b;border-radius:10px;justify-content:space-between;margin-top:auto;padding:12px 16px;font-size:16px;font-weight:700;display:flex;box-shadow:0 3px #3e744b}.learning-soon{color:#8f8266;background:#f3eddd;border-radius:8px;align-self:flex-start;margin-top:auto;padding:10px 16px;font-size:13px}.learning-math{border-color:#e5dfcc}.learning-math-art{background:#f4eccc;justify-content:center;align-items:flex-end;gap:8px;height:200px;padding-bottom:36px;display:flex;position:relative;overflow:hidden}.number-block{text-align:center;color:#a78351;background:#fff3d4;border:3px solid #ddc595;width:56px;height:62px;font-family:monospace;font-size:34px;font-weight:900;line-height:62px;box-shadow:4px 4px #dccda6}.number-block.two{background:#f3d4a4;height:88px;line-height:88px}.number-block.three{background:#dde0b1;height:112px;line-height:112px}.math-star{color:#d9b65e;font-size:24px;position:absolute;top:30px;left:18%}.learning-footer{color:#7f8a75;justify-content:space-between;align-items:flex-start;gap:24px;padding-top:10px;font-size:13px;display:flex}.learning-footer p{margin:0;line-height:1.8}.learning-footer details{max-width:420px}.learning-footer summary{cursor:pointer;text-align:right}.learning-footer details p{margin-top:10px}@media (max-width:600px) and (orientation:portrait){.learning-home{padding:20px}.learning-label{display:none}.learning-choose{padding-top:26px}.learning-games{grid-template-columns:1fr;gap:22px}.learning-art svg{height:170px}.learning-math-art{height:110px;padding-bottom:16px}.number-block{transform-origin:bottom;margin:0 -6px;transform:scale(.7)}.learning-card-body{padding:18px}.learning-math h2{font-size:21px}.learning-math p{margin-bottom:12px}.learning-footer{flex-direction:column;gap:14px}.learning-footer summary{text-align:left}}@media (max-height:600px) and (orientation:landscape){.learning-home{padding:12px 24px}.learning-header{padding-bottom:10px}.learning-choose{padding:16px 0}.learning-choose h1{font-size:23px}.learning-eyebrow,.learning-intro{display:none}.learning-games{gap:18px;margin-top:16px}.learning-card{grid-template-columns:40% 60%;display:grid}.learning-art svg{height:100%;min-height:180px}.learning-card-body{padding:15px}.learning-card h2{font-size:22px}.learning-card p{margin-bottom:12px;font-size:12px}.learning-math-art{gap:2px;height:100%;padding-bottom:40px}.number-block{width:24px;font-size:21px}.learning-badge{display:none}.learning-footer,.learning-label{font-size:11px}}@media (prefers-reduced-motion:reduce){.learning-english{transition:none}}