:root{--brand:#0f766e;--brand-strong:#115e59;--brand-soft:#ccfbf1;--teal:#0f9d8a;--bg:#eef1f4;--surface:#fffffff0;--surface-strong:#fff;--border:#d7e0ea;--border-soft:#edf2f7;--text:#0f172a;--text-2:#4b5563;--text-3:#64748b;--blue:#0369a1;--blue-soft:#eff6ff;--green:#198754;--green-soft:#f0fdf4;--amber:#b45309;--amber-soft:#fffbeb;--red:#b91c1c;--red-soft:#fef2f2;--radius-card:18px;--radius-md:10px;--radius-sm:7px;--radius-pill:999px;--shadow-sm:0 2px 8px #0f172a0d;--shadow-md:0 4px 20px #0f172a12;--topnav-h:64px;--footer-h:56px;--content-w:880px;--font:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--tx:.15s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font);color:var(--text);-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 0 0,#0f766e1a,#0000 28%),radial-gradient(circle at 100% 0,#f59e0b14,#0000 18%),linear-gradient(#f8fbfd 0%,#f4f7fb 100%);font-size:14px;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.vd-app{flex-direction:column;min-height:100vh;display:flex}.vd-main{flex:1}.vd-topnav{z-index:200;height:var(--topnav-h);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f8fbfddb;border-bottom:1px solid #c3cfddb3;position:sticky;top:0}.vd-topnav-inner{max-width:calc(var(--content-w) + 64px);align-items:center;gap:12px;height:100%;margin:0 auto;padding:0 32px;display:flex}.vd-topnav-brand{flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:flex}.vd-topnav-logo{background:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden;box-shadow:0 4px 12px #0f9d8a2e}.vd-topnav-logo img{object-fit:cover;width:100%;height:100%;display:block}.vd-topnav-brand-name{color:var(--text);letter-spacing:-.01em;white-space:nowrap;font-size:.9rem;font-weight:800}.vd-topnav-brand-name span{color:var(--brand)}.vd-topnav-user{flex-shrink:0;align-items:center;gap:10px;margin-left:auto;display:flex}.vd-topnav-avatar{background:linear-gradient(135deg, var(--brand-strong), var(--teal));color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.68rem;font-weight:800;display:flex}.vd-topnav-email{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:.76rem;overflow:hidden}.vd-signout{border-radius:var(--radius-sm);border:1px solid var(--border);height:32px;color:var(--text-3);cursor:pointer;transition:background var(--tx), color var(--tx), border-color var(--tx);background:0 0;padding:0 12px;font-size:.78rem;font-weight:600}.vd-signout:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.vd-footer{border-top:1px solid var(--border-soft);background:#f8fbfdb3}.vd-footer-inner{max-width:calc(var(--content-w) + 64px);min-height:var(--footer-h);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:0 auto;padding:14px 32px;display:flex}.vd-footer-brand{color:var(--text-3);align-items:center;gap:8px;font-size:.76rem;display:flex}.vd-footer-brand img{border-radius:5px;width:18px;height:18px}.vd-footer-links{align-items:center;gap:18px;display:flex}.vd-footer-link{color:var(--text-3);transition:color var(--tx);font-size:.76rem}.vd-footer-link:hover{color:var(--brand-strong)}.vd-btn{border-radius:var(--radius-sm);cursor:pointer;height:38px;transition:opacity var(--tx), background var(--tx);border:none;justify-content:center;align-items:center;gap:6px;padding:0 18px;font-size:.82rem;font-weight:700;display:inline-flex}.vd-btn-primary{color:#fff;background:linear-gradient(135deg,#115e59,#0f766e)}.vd-btn-primary:hover:not(:disabled){opacity:.88}.vd-btn-primary:disabled{opacity:.5;cursor:not-allowed}.vd-btn-ghost{color:var(--text-2);border:1px solid var(--border);background:0 0}.vd-btn-ghost:hover{background:var(--border-soft)}.badge{border-radius:var(--radius-pill);letter-spacing:.02em;white-space:nowrap;justify-content:center;align-items:center;padding:3px 9px;font-size:.65rem;font-weight:700;display:inline-flex}.b-active{background:var(--brand-soft);color:var(--brand-strong)}.b-todo{color:var(--text-2);background:#f3f4f6}.b-pass{background:var(--green-soft);color:var(--green)}.b-fail{background:var(--red-soft);color:var(--red)}.vd-auth-page{background:radial-gradient(circle at 0 0,#0f766e21,#0000 30%),radial-gradient(circle at 100% 0,#f59e0b1a,#0000 20%),linear-gradient(#f8fbfd 0%,#eef1f4 100%);place-items:center;min-height:100vh;padding:24px 16px;display:grid}.vd-auth-card{background:#ffffffeb;border:1px solid #ffffff80;border-radius:28px;width:min(420px,100%);overflow:hidden;box-shadow:0 24px 70px #0f172a1f}.vd-auth-head{text-align:center;padding:28px 28px 0}.vd-auth-logo{object-fit:contain;max-width:220px;height:56px;margin:0 auto 16px;display:block}.vd-auth-title{color:var(--text);margin-bottom:4px;font-size:1.15rem;font-weight:800}.vd-auth-sub{color:var(--text-2);margin-bottom:4px;font-size:.8rem}.vd-auth-body{padding:20px 28px 28px}.vd-auth-err{background:var(--red-soft);border-radius:var(--radius-sm);color:var(--red);text-align:left;border:1px solid #fecaca;margin-bottom:14px;padding:9px 12px;font-size:.78rem}.vd-auth-f{text-align:left;margin-bottom:14px}.vd-auth-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-2);margin-bottom:5px;font-size:.7rem;font-weight:700;display:block}.vd-auth-input{border:1.5px solid var(--border);border-radius:var(--radius-sm);width:100%;height:42px;color:var(--text);transition:border-color var(--tx), background var(--tx);background:#fafafa;outline:none;padding:0 12px;font-size:1rem}.vd-auth-input:focus{border-color:var(--brand);background:#fff;box-shadow:0 0 0 3px #0f766e1a}.vd-auth-btn{color:#fff;border-radius:var(--radius-sm);cursor:pointer;width:100%;height:44px;transition:opacity var(--tx);background:linear-gradient(135deg,#115e59,#0f766e);border:none;margin-top:4px;font-size:.88rem;font-weight:700}.vd-auth-btn:hover:not(:disabled){opacity:.88}.vd-auth-btn:disabled{opacity:.55;cursor:not-allowed}.vd-auth-divider{color:var(--text-3);align-items:center;gap:10px;margin:16px 0;font-size:.72rem;display:flex}.vd-auth-divider:before,.vd-auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.vd-lc{background:var(--surface);border-radius:var(--radius-card);border:1px solid #d7e0eae6;margin-bottom:14px;overflow:hidden;box-shadow:0 12px 36px #0f172a0f}.vd-lc-head{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;gap:12px;padding:13px 20px;display:flex}.vd-lc-title{color:var(--text);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:700}.vd-lc-body{padding:16px 20px}.vd-item-list{flex-direction:column;gap:8px;display:flex}.vd-item-card{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-strong);cursor:pointer;transition:border-color var(--tx), box-shadow var(--tx), background var(--tx);align-items:center;gap:14px;padding:14px 16px;display:flex}.vd-item-card:hover{background:#fdfffe;border-color:#0f766e3d;box-shadow:0 10px 26px #0f172a14}.vd-item-accent{border-radius:var(--radius-pill);background:linear-gradient(180deg, var(--brand), var(--teal));flex-shrink:0;width:3px;height:40px}.vd-item-info{flex:1;min-width:0}.vd-item-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:700;overflow:hidden}.vd-item-meta{color:var(--text-2);flex-wrap:wrap;gap:10px;margin-top:3px;font-size:.72rem;display:flex}.vd-item-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.vd-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.vd-card{background:var(--surface-strong);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);transition:box-shadow var(--tx), transform var(--tx), border-color var(--tx);padding:18px;display:block}.vd-card:hover{border-color:#0f766e3d;transform:translateY(-1px);box-shadow:0 10px 26px #0f172a14}.vd-card-title{color:var(--text);margin-bottom:6px;font-size:.95rem;font-weight:800}.vd-card-desc{color:var(--text-2);margin-bottom:12px;font-size:.8rem}.vd-card-meta{color:var(--text-3);gap:10px;font-size:.72rem;display:flex}.vd-skel{background:linear-gradient(90deg, var(--border-soft) 25%, #f5f8fb 37%, var(--border-soft) 63%);border-radius:var(--radius-sm);background-size:400% 100%;animation:1.4s infinite vd-skel-shimmer}@keyframes vd-skel-shimmer{0%{background-position:100%}to{background-position:0}}@media (prefers-reduced-motion:reduce){.vd-skel{background:var(--border-soft);animation:none}}.vd-skel-line{height:12px;margin:6px 0}.vd-skel-line.w-60{width:60%}.vd-skel-line.w-40{width:40%}.vd-skel-line.w-25{width:25%}.vd-empty{text-align:center;color:var(--text-3);background:var(--surface-strong);border:1px dashed var(--border);border-radius:var(--radius-card);padding:60px 20px}@media (width<=640px){.vd-topnav-inner,.vd-footer-inner{padding:0 16px}.vd-topnav-email{display:none}.vd-footer-inner{padding:14px 16px}}.cp-content{flex:1;padding:24px 32px 56px}.cp-content-inner{max-width:var(--content-w);margin:0 auto}.cp-lesson-page{max-width:720px;margin:0 auto;padding:32px 24px 80px}.cp-lesson-nav{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.cp-lesson-body h1{margin:1.2em 0 .5em;font-size:1.5rem}.cp-lesson-body h2{margin:1.2em 0 .5em;font-size:1.25rem}.cp-lesson-body h3{margin:1em 0 .4em;font-size:1.05rem}.cp-lesson-body p{color:var(--text-2);margin:.8em 0}.cp-lesson-body ul,.cp-lesson-body ol{color:var(--text-2);margin:.8em 0 .8em 1.4em}.cp-lesson-body li{margin:.3em 0}.cp-lesson-body code{background:var(--border-soft);border-radius:4px;padding:2px 6px;font-size:.85em}.cp-lesson-body pre{color:#e2e8f0;border-radius:var(--radius-md);background:#0f172a;margin:1em 0;padding:14px 16px;overflow-x:auto}.cp-lesson-body pre code{color:inherit;background:0 0;padding:0}.cp-lesson-body blockquote{border-left:3px solid var(--brand);color:var(--text-2);background:var(--brand-soft);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:1em 0;padding:4px 16px}.cp-lesson-body img{border-radius:var(--radius-md);max-width:100%;margin:1em 0}.cp-lesson-body a{color:var(--brand-strong);text-decoration:underline}.cp-assessment-page{max-width:640px;margin:0 auto;padding:32px 24px 80px}.cp-progress-track{background:var(--border-soft);border-radius:3px;height:6px;margin-bottom:24px;overflow:hidden}.cp-progress-fill{background:linear-gradient(90deg, var(--brand), var(--teal));height:100%;transition:width var(--tx)}.cp-choice{border-radius:var(--radius-md);border:1px solid var(--border);cursor:pointer;transition:border-color var(--tx), background var(--tx);background:#fff;margin-bottom:10px;padding:12px 16px;font-size:.85rem;display:block}.cp-choice:hover{border-color:var(--brand)}.cp-choice.selected{border-color:var(--brand);background:var(--brand-soft);font-weight:700}.cp-result-score{background:linear-gradient(135deg, var(--brand-strong), var(--teal));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:2.4rem;font-weight:900}.cp-loading{height:60vh;color:var(--text-3);justify-content:center;align-items:center;display:flex}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{margin:0}#root{min-height:100svh}