@layer base{:root{--learn-primary:#27aee4;--learn-primary-dark:#147eae;--learn-primary-light:#e8f7ff;--learn-success:#6ac259;--learn-success-dark:#4a9a3f;--learn-warning:#ffd166;--learn-error:#ff6b6b;--learn-text-primary:#1a1a1a;--learn-text-secondary:#666;--learn-text-light:#999;--learn-bg-white:#fff;--learn-bg-light:#f5f5f5;--learn-bg-lighter:#fafafa;--learn-border:#e0e0e0;--learn-shadow-sm:0 2px 4px #00000014;--learn-shadow-md:0 4px 8px #0000001f;--learn-shadow-lg:0 8px 16px #00000026;--learn-shadow-button:0 5px 0 var(--learn-primary-dark);--learn-radius:14px}}@layer components{.learn-button{text-transform:uppercase;letter-spacing:.08em;width:100%;height:3rem;box-shadow:var(--learn-shadow-button);cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;font-family:sans-serif;font-size:1rem;font-weight:800;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.learn-button-primary{color:#fff;background-color:#27aee4}.learn-button-primary:hover{filter:brightness(1.05)}.learn-button-primary:active{transform:translateY(4px);box-shadow:0 1px #147eae}.learn-button-success{color:#fff;background-color:#6ac259;box-shadow:0 5px #4a9a3f}.learn-button-success:hover{filter:brightness(1.05)}.learn-button-success:active{transform:translateY(4px);box-shadow:0 1px #4a9a3f}.learn-button-secondary{color:#27aee4;box-shadow:none;background-color:#fff;border:2px solid #27aee4}.learn-button-secondary:hover{background-color:#e8f7ff}.learn-button-secondary:active{transform:translateY(4px)}.learn-card{box-shadow:var(--learn-shadow-sm);background-color:#fff;border:1px solid #e0e0e0;border-radius:14px;padding:1rem}.learn-card-hover{box-shadow:var(--learn-shadow-sm);cursor:pointer;background-color:#fff;border:1px solid #e0e0e0;border-radius:14px;padding:1rem;transition-property:all;transition-duration:.2s}.learn-card-hover:hover{box-shadow:var(--learn-shadow-md);transform:translateY(-2px)}.learn-header{color:#fff;background-color:#6ac259;border-radius:14px;padding:1.5rem}.learn-header-primary{color:#fff;background-color:#58cc02;border-radius:14px;padding:1.5rem}.learn-unit-circle{border-radius:9999px;justify-content:center;align-items:center;width:4rem;height:4rem;font-weight:700;display:flex}.learn-unit-circle-active{color:#fff;background-color:#6ac259;border-radius:9999px;justify-content:center;align-items:center;width:4rem;height:4rem;font-weight:700;display:flex;transform:scale(1.1)}.learn-unit-circle-completed{color:#4b5563;background-color:#d1d5db;border-radius:9999px;justify-content:center;align-items:center;width:4rem;height:4rem;font-weight:700;display:flex}.learn-unit-circle-locked{color:#9ca3af;background-color:#e5e7eb;border-radius:9999px;justify-content:center;align-items:center;width:4rem;height:4rem;font-weight:700;display:flex}.learn-badge{border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.875rem;font-weight:600;display:inline-flex}.learn-badge-accent{color:#fff;background-color:#27aee4}.learn-badge-success{color:#fff;background-color:#6ac259}.learn-stat-item{align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}}@layer utilities{.learn-transition{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.learn-focus-ring{outline:none}.learn-focus-ring:focus{outline-offset:2px;outline:2px solid #27aee4}}