.ecx-vr-app,.ecx-vr-shell{font-family:Arial,Helvetica,sans-serif;max-width:1180px;margin:24px auto;padding:0 16px;color:#1f1f1f}.ecx-vr-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;background:linear-gradient(135deg,#5b1027,#2e2e33);color:#fff;padding:34px;border-radius:24px;box-shadow:0 18px 45px rgba(0,0,0,.18)}.ecx-vr-hero h1{font-size:42px;line-height:1;margin:8px 0 12px;letter-spacing:.04em}.ecx-overline{font-size:12px;letter-spacing:.18em;text-transform:uppercase;opacity:.85;margin:0}.ecx-vr-badge{border:1px solid rgba(255,255,255,.35);border-radius:18px;padding:18px;text-align:center;font-weight:700;background:rgba(255,255,255,.1)}.ecx-vr-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.ecx-vr-tabs button,.ecx-form button,.ecx-complete-lesson,.ecx-start-demo{border:0;background:#5b1027;color:#fff;border-radius:12px;padding:11px 16px;font-weight:700;cursor:pointer}.ecx-vr-tabs button.active{background:#2e2e33}.ecx-tab{display:none;background:#fff;border:1px solid #e7e7e7;border-radius:20px;padding:24px;box-shadow:0 10px 30px rgba(0,0,0,.06)}.ecx-tab.active{display:block}.ecx-lesson-grid,.ecx-assignment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:16px}.ecx-lesson-card,.ecx-assignment-card,.ecx-submission-card,.ecx-my-submissions div{border:1px solid #e7e7e7;border-radius:18px;padding:18px;background:#fafafa}.ecx-pill{display:inline-block;background:#eee;color:#5b1027;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700}.ecx-muted{color:#666}.ecx-form{display:grid;gap:10px;margin:12px 0}.ecx-form input,.ecx-form textarea,.ecx-form select{width:100%;box-sizing:border-box;border:1px solid #ccc;border-radius:10px;padding:10px;font:inherit}.ecx-assignment-window{background:#fff;border-left:5px solid #5b1027;border-radius:14px;padding:16px;margin-bottom:14px}.ecx-progress{border:1px solid #e7e7e7;border-radius:18px;padding:18px;background:#fafafa;margin-bottom:18px}.ecx-progress strong{font-size:32px;color:#5b1027}.ecx-progress span{display:block}.ecx-progress-bar{height:14px;background:#e8e8e8;border-radius:999px;overflow:hidden;margin-top:12px}.ecx-progress-bar span{height:100%;background:#5b1027}.ecx-vr-lab{display:grid;grid-template-columns:1.3fr .7fr;gap:18px}.ecx-scene{min-height:360px;position:relative;overflow:hidden;border-radius:20px;background:linear-gradient(#13243c,#3e5977 48%,#202024 49%,#111);perspective:800px}.ecx-horizon{position:absolute;left:0;right:0;top:48%;height:2px;background:rgba(255,255,255,.45)}.ecx-grid-floor{position:absolute;left:-20%;right:-20%;bottom:-8%;height:55%;background:linear-gradient(rgba(255,255,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.15) 1px,transparent 1px);background-size:40px 40px;transform:rotateX(68deg);transform-origin:top}.ecx-cube{position:absolute;left:50%;top:42%;width:120px;height:120px;margin:-60px 0 0 -60px;background:rgba(255,255,255,.14);border:2px solid rgba(255,255,255,.75);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:34px;font-weight:800;box-shadow:0 0 30px rgba(255,255,255,.25);transition:transform 1.2s}.ecx-cube.run{transform:rotateY(360deg) rotateX(20deg) scale(1.1)}.ecx-lab-panel{border:1px solid #e7e7e7;border-radius:18px;padding:18px;background:#fafafa}.ecx-response{background:#fff;border-radius:12px;padding:12px;border:1px solid #eee}@media(max-width:760px){.ecx-vr-hero,.ecx-vr-lab{grid-template-columns:1fr;display:block}.ecx-vr-hero h1{font-size:32px}.ecx-vr-badge{margin-top:15px}}