.teacherWorkflow{margin:0 0 30px;padding:28px;border-radius:24px;background:#07111f;color:#fff;border:1px solid rgba(232,195,106,.28);box-shadow:0 18px 45px rgba(7,17,31,.14)}
.teacherWorkflowHead{max-width:820px;margin-bottom:22px}.teacherWorkflowHead .eyebrow{color:#f1c75b}.teacherWorkflowHead h2{font-size:clamp(28px,3.2vw,44px);line-height:1.04;letter-spacing:-.025em;margin:8px 0 10px}.teacherWorkflowHead p{color:#c8d3e1;font-size:17px;line-height:1.55;margin:0}
.teacherWorkflowStage{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.75fr);gap:22px;align-items:stretch}.teacherWorkflowVisual{position:relative;min-height:410px;border-radius:20px;overflow:hidden;background:linear-gradient(145deg,#edf3f8,#fff);border:1px solid rgba(255,255,255,.2)}
.workflowFrame{position:absolute;inset:0;display:grid;place-items:center;padding:22px;opacity:0;transform:translateY(16px) scale(.985);transition:opacity .5s ease,transform .65s cubic-bezier(.2,.75,.2,1);pointer-events:none}.workflowFrame img{display:block;max-width:100%;max-height:100%;object-fit:contain;border-radius:12px;box-shadow:0 12px 32px rgba(10,25,42,.16)}
.teacherWorkflowStage[data-workflow-stage="assign"] .workflowFrameAssign,.teacherWorkflowStage[data-workflow-stage="send"] .workflowFrameSend,.teacherWorkflowStage[data-workflow-stage="receive"] .workflowFrameReceive,.teacherWorkflowStage[data-workflow-stage="practice"] .workflowFramePractice,.teacherWorkflowStage[data-workflow-stage="results"] .workflowFrameResults{opacity:1;transform:none}
.workflowSpotlight{position:absolute;width:24%;height:12%;right:7%;bottom:10%;border:3px solid #f5c64f;border-radius:14px;box-shadow:0 0 0 999px rgba(7,17,31,.08),0 0 0 8px rgba(245,198,79,.16);animation:workflowGlow 1.8s ease-in-out infinite}
.workflowSendCard{width:min(520px,90%);padding:34px;border-radius:22px;background:#fff;color:#142334;box-shadow:0 18px 50px rgba(10,25,42,.2);display:grid;gap:10px;text-align:center}.workflowSendIcon{margin:auto;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#f5c64f;font-size:28px}.workflowSendCard strong{font-size:26px}.workflowSendCard>span:not(.workflowSendIcon){color:#5d6d80;line-height:1.45}.workflowLink{margin-top:8px;padding:13px;border-radius:10px;background:#eef3f8;color:#47617a;font-size:13px;overflow:hidden}
.workflowDevice{width:min(560px,94%);padding:12px;border-radius:24px;background:#172535;box-shadow:0 18px 50px rgba(10,25,42,.25)}.workflowDeviceBar{height:42px;display:flex;align-items:center;gap:12px;padding:0 8px;color:#fff}.workflowDeviceBar span{width:9px;height:9px;border-radius:50%;background:#f5c64f}.workflowDevice img{width:100%;max-height:320px;box-shadow:none;border-radius:14px}
.workflowPulse{position:absolute;width:18px;height:18px;border-radius:50%;background:#f5c64f;left:53%;top:52%;box-shadow:0 0 0 0 rgba(245,198,79,.6);animation:workflowPulse 1.5s infinite}.workflowResultBadge{position:absolute;right:7%;bottom:8%;background:#f5c64f;color:#142334;font-weight:800;padding:11px 16px;border-radius:999px;box-shadow:0 8px 24px rgba(10,25,42,.18)}
.teacherWorkflowCopy{border-radius:20px;background:#102033;border:1px solid rgba(255,255,255,.09);padding:26px;display:flex;gap:16px;align-items:flex-start}.workflowStepNumber{flex:0 0 38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#f5c64f;color:#142334;font-weight:900}.teacherWorkflowCopy h3{font-size:22px;margin:3px 0 8px}.teacherWorkflowCopy p{color:#c8d3e1;line-height:1.5;margin:0}
.teacherWorkflowNav{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:18px}.teacherWorkflowNav button{appearance:none;border:1px solid rgba(255,255,255,.16);background:#102033;color:#c8d3e1;border-radius:12px;padding:11px 8px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.teacherWorkflowNav button span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#24364b;font-size:12px}.teacherWorkflowNav button.active{border-color:#f5c64f;color:#fff;background:#172a40}.teacherWorkflowNav button.active span{background:#f5c64f;color:#142334}.teacherWorkflowNav button:hover{border-color:rgba(245,198,79,.7)}
@keyframes workflowPulse{70%{box-shadow:0 0 0 22px rgba(245,198,79,0)}}@keyframes workflowGlow{50%{box-shadow:0 0 0 999px rgba(7,17,31,.08),0 0 0 13px rgba(245,198,79,.08)}}
@media(max-width:800px){.teacherWorkflow{padding:20px}.teacherWorkflowStage{grid-template-columns:1fr}.teacherWorkflowVisual{min-height:330px}.teacherWorkflowCopy{padding:20px}.teacherWorkflowNav{grid-template-columns:repeat(5,1fr)}.teacherWorkflowNav button{flex-direction:column;gap:4px;font-size:11px}.workflowFrame{padding:14px}}
@media(max-width:520px){.teacherWorkflow{margin-left:-8px;margin-right:-8px;border-radius:18px}.teacherWorkflowVisual{min-height:275px}.teacherWorkflowHead p{font-size:15px}.teacherWorkflowNav button b{display:none}.teacherWorkflowNav button{padding:9px}.workflowSendCard{padding:22px}.workflowSendCard strong{font-size:21px}}
@media(prefers-reduced-motion:reduce){.workflowFrame,.workflowSpotlight,.workflowPulse{animation:none!important;transition:none!important}}
.teacherWorkflowControls{display:flex;justify-content:center;margin-top:14px}.workflowPause{appearance:none;border:1px solid rgba(255,255,255,.28);background:#102033;color:#fff;border-radius:999px;padding:9px 18px;font-weight:800;cursor:pointer}.workflowPause:hover{border-color:#f5c64f}.workflowSendVisual{position:relative;display:grid;place-items:center;width:100%;height:100%}.workflowSendVisual>img:first-child{max-height:330px}.workflowSendButtonImage{position:absolute!important;right:5%;bottom:5%;width:min(265px,48%)!important;max-height:none!important;border:2px solid #f5c64f!important;box-shadow:0 12px 30px rgba(7,17,31,.28)!important}.teacherBuilderHead{margin:6px 0 20px;padding-top:8px}.teacherBuilderHead h2{font-size:clamp(26px,3vw,38px);margin:0 0 8px;color:#142334}.teacherBuilderHead p{margin:0;color:#53677e;font-size:16px}