.learn-wrapper{min-height:60vh;display:flex;justify-content:center;padding:40px 16px 56px}.learn-card{max-width:960px;width:100%;border-radius:26px;padding:28px 28px 32px;box-sizing:border-box;background:rgba(9,49,92,.6);border:1px solid rgba(255,255,255,.22);box-shadow:0 22px 45px rgba(0,0,0,.55);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#e5f3ff}.learn-title{margin:0;font-size:24px;letter-spacing:.03em}.learn-subtitle{margin:8px 0 24px;font-size:14px;opacity:.9}.learn-layout{margin-top:8px;display:flex;gap:28px}.bot-column{flex:0 0 260px;display:flex;align-items:center;justify-content:center}.tiles-column{flex:1 1;gap:10px}.bot-with-bubble,.tiles-column{display:flex;flex-direction:column}.bot-with-bubble{align-items:center;gap:14px}.speech-bubble{position:relative;max-width:320px;background:rgba(15,23,42,.96);padding:10px 14px;border-radius:18px;font-size:14px;line-height:1.4;text-align:center;box-shadow:0 10px 24px rgba(0,0,0,.65);border:1px solid rgba(148,163,184,.6);animation:bubble-pop .2s ease-out}.speech-bubble:after{content:"";position:absolute;left:50%;transform:translateX(-50%);top:100%;border:10px solid transparent;border-top-color:rgba(15,23,42,.96)}.tiles-title{margin:0;font-size:18px}.tiles-intro{margin:4px 0 6px;font-size:13px;opacity:.9}.mode-toggle{display:inline-flex;align-items:center;gap:6px;padding:4px;border-radius:999px;background:rgba(15,23,42,.8);border:1px solid rgba(148,163,184,.5);margin-bottom:10px}.mode-toggle-button{border:none;padding:6px 14px;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;background:transparent;color:#e5f3ff;opacity:.75;transition:background .12s ease-out,opacity .12s ease-out,box-shadow .12s ease-out,transform .12s ease-out}.mode-toggle-button:hover{opacity:1;background:rgba(30,64,175,.6)}.mode-toggle-button--active{background:#10b981;color:#02131a;opacity:1;box-shadow:0 0 18px rgba(16,185,129,.6);transform:translateY(-1px)}.tiles-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:4px;margin-bottom:12px}.exercise-tile{text-align:left;border-radius:16px;padding:10px 12px;border:1px solid rgba(148,163,184,.4);background:rgba(15,23,42,.8);color:#e5f3ff;cursor:pointer;display:flex;flex-direction:column;gap:4px;transition:transform .12s ease-out,box-shadow .12s ease-out,border-color .12s ease-out,background .12s ease-out}.exercise-tile:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(0,0,0,.55);border-color:rgba(56,189,248,.9)}.exercise-header{display:flex;justify-content:space-between;align-items:center}.exercise-level{font-size:11px;padding:2px 8px;border-radius:999px;background:rgba(15,118,110,.4);border:1px solid rgba(45,212,191,.8)}.exercise-title{font-size:14px;font-weight:600}.exercise-description{font-size:12px;opacity:.9}.exercise-selected-label{font-size:11px;margin-top:2px;color:#bbf7d0}.learn-button{align-self:flex-start;margin-top:4px;padding:12px 24px;border-radius:999px;border:none;font-size:15px;font-weight:600;cursor:pointer;background:#10b981;color:#ffffff;box-shadow:0 10px 24px rgba(0,0,0,.45)}.learn-button:hover{filter:brightness(1.07)}@keyframes bubble-pop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width:820px){.learn-layout{flex-direction:column}.tiles-grid{grid-template-columns:minmax(0,1fr)}.bot-column{order:-1}}@media (max-width:640px){.learn-card{padding:22px 18px 26px;border-radius:20px}.learn-title{font-size:20px}.speech-bubble{font-size:13px}}