.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:linear-gradient(145deg,rgba(13,66,120,.88),rgba(5,32,64,.94)),rgba(9,49,92,.88);border:1px solid rgba(255,255,255,.22);box-shadow:0 22px 45px rgba(0,0,0,.55);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}}.sb3d-btn{--btnLift:0px;--btnTiltX:0deg;--btnTiltY:0deg;--btnPop:0px;--btnScale:1;--shineX:-120%;--shineOpacity:0;position:relative;isolation:isolate;overflow:hidden;transform-style:preserve-3d;transform:perspective(980px) translate3d(0,var(--btnLift),var(--btnPop)) rotateX(var(--btnTiltX)) rotateY(var(--btnTiltY)) scale(var(--btnScale));transition:transform .16s ease,border-color .2s ease,box-shadow .2s ease,filter .2s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden}.sb3d-btn:before{inset:0;transform:translateX(var(--shineX));opacity:var(--shineOpacity);background:linear-gradient(96deg,rgba(255,255,255,0),rgba(255,255,255,.28),rgba(255,255,255,0));z-index:2}.sb3d-btn:after,.sb3d-btn:before{content:"";position:absolute;pointer-events:none}.sb3d-btn:after{left:14%;right:14%;bottom:-14px;height:20px;border-radius:999px;opacity:.72;transform:translateY(calc(var(--btnLift) * -.62));filter:blur(6px);z-index:0;background:radial-gradient(ellipse at center,rgba(8,20,46,.54) 0,rgba(8,20,46,.18) 52%,rgba(8,20,46,0) 100%)}.sb3d-btn>:not(.sb3d-btn-layer){position:relative;z-index:3}.sb3d-btn-layer{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none;z-index:1}.sb3d-btn-layer canvas{display:block;width:100%!important;height:100%!important}.sb3d-btn--primary{border-color:rgba(188,230,255,.52)!important;box-shadow:0 16px 28px rgba(22,85,216,.34),inset 0 1px 0 rgba(232,246,255,.22)}.sb3d-btn--secondary{border-color:rgba(164,216,255,.34)!important;box-shadow:0 12px 24px rgba(0,0,0,.27),inset 0 1px 0 rgba(215,236,255,.12)}.sb3d-btn--ghost{border-color:rgba(168,217,255,.24)!important;box-shadow:0 9px 18px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.1)}.sb3d-btn:hover{filter:saturate(1.05) brightness(1.03)}html.sb-scroll-active .sb3d-btn{--btnLift:0px!important;--btnTiltX:0deg!important;--btnTiltY:0deg!important;--btnPop:0px!important;--btnScale:1!important;--shineOpacity:0!important;transform:none!important;filter:none!important}html.sb-scroll-active .sb3d-btn:hover{filter:none!important}html.sb-scroll-active .sb3d-btn-layer,html.sb-scroll-active .sb3d-btn:before{opacity:0!important}.sb3d-navlink{transform-style:preserve-3d;transition:transform .18s ease,filter .2s ease}.sb3d-navlink:hover{transform:perspective(900px) translateY(-2px) rotateX(5deg);filter:saturate(1.08)}html.sb-scroll-active .sb3d-navlink:hover{transform:none!important;filter:none!important}.app-phone-static-fallback{display:none}@media (max-width:767px){.app-phone-static-fallback{display:block}.sb3d-btn{transform:none!important;transition:border-color .2s ease,box-shadow .2s ease,filter .2s ease}.sb3d-btn-layer,.sb3d-btn:after,.sb3d-btn:before{display:none!important}.sb3d-navlink:hover{transform:none;filter:none}}@media (prefers-reduced-motion:reduce){.sb3d-btn{transform:none!important;transition:border-color .2s ease,box-shadow .2s ease}.sb3d-btn-layer,.sb3d-btn:before{display:none}.sb3d-navlink:hover{transform:none}}