.learning-page{min-height:60vh}.learning-page h2{margin-bottom:14px}.learning-filters{display:flex;gap:9px;flex-wrap:wrap;margin:28px 0 22px}.learning-filter{padding:9px 17px;border:1px solid rgba(116,218,228,.26);border-radius:999px;background:rgba(7,40,57,.8);color:#d9edf5;cursor:pointer;font:inherit}.learning-filter.active{background:linear-gradient(120deg,#5be5c4,#50cbd8);color:#082335;font-weight:800;border-color:transparent}.learning-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.learning-stats>div{display:flex;flex-direction:column;gap:7px;align-items:center;justify-content:center;border:1px solid rgba(133,215,244,.2);border-radius:14px;background:rgba(10,38,57,.75);padding:18px 12px}.learning-stats strong{font-size:30px;color:#7cefdc}.learning-stats span{font-size:12px;color:#c0d4dd}.learning-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:17px;margin-bottom:45px}.learning-card{display:flex;flex-direction:column;gap:12px;min-height:240px;padding:22px}.learning-card h3{margin:0;line-height:1.7}.learning-card p{color:#b1cbd9;line-height:1.8;font-size:14px;margin:0}.learning-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.learning-symbol{display:inline-flex;justify-content:center;align-items:center;color:#7ff5df;background:rgba(57,223,198,.12);width:45px;height:45px;border:1px solid rgba(85,232,215,.18);border-radius:12px;font-weight:bold;font-size:23px}.learning-badge{font-size:11px;color:#a0eadd;border:1px solid rgba(84,235,217,.25);padding:5px 9px;border-radius:99px}.learning-card-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto}.learning-done{color:#75dcae;font-size:12px}.learning-shade{z-index:2700;position:fixed;inset:0;background:rgba(0,9,16,.82);padding:20px;display:flex;align-items:center;justify-content:center;overflow-y:auto;backdrop-filter:blur(8px)}.learning-modal{width:min(690px,100%);max-height:91vh;overflow:auto;padding:26px;border:1px solid #347b91}.learning-modal h2{font-size:26px;line-height:1.5}.learning-modal p{color:#c5d9e5;line-height:1.9}.learning-modal-top{display:flex;justify-content:space-between;align-items:center}.learning-choices{display:grid;gap:10px;margin:22px 0}.learning-answer{width:100%;display:flex;align-items:center;gap:14px;text-align:right;border:1px solid #285368;border-radius:12px;background:#0c2434;color:#e7f2fa;font:inherit;font-weight:600;padding:14px;cursor:pointer}.learning-answer:hover{border-color:#59e9cf;background:#153c4c}.learning-answer b{display:flex;align-items:center;justify-content:center;border-radius:8px;background:#184e59;color:#7deedb;width:28px;height:28px}.learning-body{white-space:normal;line-height:2;color:#e1eaf3;background:#0b2737;border-radius:12px;padding:18px;margin:15px 0}.linebreak{display:block}.learning-result{border:1px solid #5d8394;border-radius:9px;padding:12px;margin:12px 0;background:#0d3546}.learning-result.success{border-color:#36ba92}.learning-result.error{border-color:#d75f68}.learning-result p{margin:5px 0 0}.learning-disclaimer{font-size:11px;color:#98aeb8;line-height:1.8;border-top:1px solid #284758;padding-top:13px;margin-top:19px}.learning-studio-intro{background:rgba(7,41,58,.8);border-radius:14px;padding:18px;border:1px solid rgba(81,201,216,.2);margin-bottom:20px}.learning-studio-intro h3{margin:0 0 8px}.learning-studio-intro p{color:#bbd3de;font-size:13px}.learning-rule{background:#0d3640;border-radius:9px;padding:11px;color:#79ddc9;font-size:12px}.learning-studio-form{padding:16px;border:1px solid #2a4d60;border-radius:14px;margin-bottom:22px}.learning-list{display:grid;gap:8px;margin-bottom:30px}.learning-admin-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 8px;border-bottom:1px solid #294254}.learning-admin-row>div:first-child{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.learning-admin-row small{color:#9caabf}.learning-admin-actions{display:flex;gap:6px;flex-wrap:wrap}.learning-profile-card{margin-top:22px}.learning-profile-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.learning-milestones{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0}.learning-milestones span{color:#7d8a9a;background:#0a2230;border:1px solid #203c4c;border-radius:9px;padding:10px}.learning-milestones .earned{color:#99f9db;border-color:#2e937b}@media(max-width:700px){.learning-stats{grid-template-columns:repeat(3,1fr)}.learning-stats>div{padding:14px 6px}.learning-stats strong{font-size:25px}.learning-profile-head{flex-direction:column;align-items:stretch}.learning-admin-row{flex-direction:column;align-items:stretch}.learning-modal{padding:16px}.learning-page .lead{font-size:15px}}
