:root{--blue-main: #3A6FB0;--blue-light: #6A82B7;--blue-hover: #2F5F9B;--blue-focus: #8FB1D9;--white-overlay: rgba(245,247,251,.35)}body{margin:0;min-height:100vh;background-color:#e8edf4;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.bg-image{position:fixed;inset:0;z-index:-2;pointer-events:none;background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;filter:brightness(.97) saturate(.94)}.bg-image:after{content:"";position:absolute;inset:0;background:var(--white-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.app-header{background:linear-gradient(90deg,var(--blue-main),var(--blue-light))}.btn-accent{background:#fff;color:var(--blue-main);border:1px solid rgba(58,111,176,.25);transition:.25s ease}.btn-accent:hover{background:var(--blue-light);color:#fff;border-color:var(--blue-hover)}.bg-accent-dark{background:var(--blue-hover)!important}.fade-enter-active,.fade-leave-active{transition:opacity .25s ease}.fade-enter-from,.fade-leave-to{opacity:0}.lesson-card[data-v-c1a7e53a]{background:#fff;border:1px solid transparent;background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#0d6efd2e,#6f42c12e);background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 12px 24px #00000014;transition:transform .18s ease,box-shadow .18s ease}.lesson-card[data-v-c1a7e53a]:hover{transform:translateY(-6px);box-shadow:0 18px 36px #0000001f}.clay-panel[data-v-126beb1d]{background:#fff;box-shadow:0 10px 30px #00000012,inset 0 1px #fff9;border:1px solid rgba(13,110,253,.06)}