:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#0f172a;background-color:#f8fafc}*{box-sizing:border-box}body{margin:0}.h1,.h2,.h3,.h4{color:#1e2d47}.primary,.secondary,.tertiary,.delete-button,.link,.face-outline{font-family:inherit}.page{max-width:920px;margin:0 auto;padding:2rem}.card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 10px 30px #0f172a14;margin-bottom:1rem}.card h2{margin-top:0}.flex{display:flex;gap:1rem}.grid{display:grid;gap:1rem}.primary{background:#1e2d47;border:2px solid #AFC5E9;transition:all .2s ease;color:#fff;font-size:1rem;padding:.85rem 1.5rem;border-radius:999px;cursor:pointer}.primary:disabled{opacity:.3;cursor:not-allowed}.secondary{background:transparent;border:2px solid rgba(42,42,42,.6);transition:all .2s ease;color:#2a2a2a;font-size:1rem;padding:.85rem 1.5rem;border-radius:999px;cursor:pointer}.secondary:disabled{opacity:.5;cursor:not-allowed}.delete-button{background-color:#ef4444cc;transition:all .2s ease;border:2px solid rgba(42,42,42,.6);color:#2a2a2a;font-size:1rem;padding:.85rem 1.5rem;border-radius:999px;cursor:pointer;width:223px;text-align:center}.delete-button:disabled{opacity:.5;cursor:not-allowed}.tertiary{background:#afc5e9;border:2px solid rgba(42,42,42,.6);color:#1e2d47;font-size:1rem;padding:.85rem 1.5rem;border-radius:999px;cursor:pointer}.tertiary:disabled{opacity:0;cursor:default}.link{background:none;border:none;color:#0ea5e9;cursor:pointer;font-size:.95rem;padding:0}.flow-buttons{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-left:.5rem;padding-right:.5rem}.question-video-card{position:relative;width:100%;border-radius:16px;background:#fff;overflow:hidden;padding:1rem}.question-header{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:#475569}.video-wrapper{position:relative;width:100%;border-radius:8px;background:#2a2a2a;overflow:hidden;height:420px;margin-top:1rem;box-shadow:0 10px 30px #192a0f14}.face-overlay,.recording-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.face-outline{width:35%;aspect-ratio:5 / 5;border-radius:50%;border:3px dashed rgba(255,255,255,.6)}.recording-overlay{flex-direction:column;justify-content:flex-end;gap:1rem;padding:1rem}.time-overlay{justify-content:right;position:absolute;bottom:32px;right:2%;background:#1e2d47c7;color:#fff;padding:12px 14px;border-radius:12px;display:grid;gap:6px;font-size:.9rem;pointer-events:none}.face-debug-box{position:absolute;border:2px solid #22c55e;border-radius:8px;pointer-events:none}.face-debug-angles{position:absolute;bottom:12px;left:12px;padding:6px 10px;background:#0f172ab3;color:#fff;font-size:.9rem;border-radius:8px;pointer-events:none}.landmark-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.landmark-dot{position:absolute;width:6px;height:6px;border-radius:50%;transform:translate(-50%,-50%);opacity:.9}.landmark-dot.eye{background:#22c55e}.landmark-dot.nose{background:#f59e0b}.landmark-dot.mouth{background:#ef4444}.landmark-dot.jaw{background:#38bdf8}.status-overlay{position:absolute;bottom:16px;left:16px;background:#1e2d47c7;color:#fff;padding:12px 14px;border-radius:12px;display:grid;gap:6px;font-size:.9rem;pointer-events:none}.status-row{display:flex;align-items:center;gap:8px}.status-icon{font-size:1rem}.status-locked,.status-unlocked{font-weight:600;color:#4ade80}.status-failed{font-weight:600}.record-button{pointer-events:auto;width:72px;height:72px;border-radius:50%;border:none;background:#ef4444;color:#fff;font-weight:600;cursor:pointer;transition:transform .2s ease}.record-button.stop{background:#f97316}.record-button:disabled{opacity:.5;cursor:not-allowed}.progress-bar{position:relative;width:100%;height:8px;background:#fff3;border-radius:999px;overflow:hidden;transform-origin:left center}.progress-bar .progress{position:absolute;top:0;right:0;bottom:0;left:0;background:#afc5e9;transform-origin:left center;transform:scaleX(0);transition:transform .1s linear}.hero-eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.9rem;font-weight:600;color:#1e2d47;margin-bottom:.5rem;margin-top:0;text-align:center}.portal-home-text{margin:0;padding:0;color:#1e2d47}.portal-home-text-spaced{margin-top:.5rem;margin-bottom:0;margin-right:0;margin-left:0;padding:0;color:#1e2d47}.portal-home-text-spaced-extra{margin-top:1rem;margin-bottom:0;margin-right:0;margin-left:0;padding:0;color:#1e2d47}.portal-home-organizer{border-left:3px solid #ccc;margin:1rem .1rem;padding:0rem .5rem}.portal-home-organizer p{margin-top:.5rem;margin-bottom:0rem;padding:0;color:#1e2d47}.portal-home-two-columns{display:flex;flex-direction:"row";justify-content:space-between;align-items:"stretch";gap:1rem}.portal-home-complete-status{font-size:1rem;color:#22c55e}.portal-home-incomplete-status{font-size:1rem;color:#b50000}.portal-home-optional-status{font-size:1rem;color:#1e2d47}.portal-home-error-message{color:#ef4444;margin-top:.5rem}.portal-home-feature-header{display:flex;justify-content:space-between;align-items:center}.portal-home-feature-header-mobile{display:flex;justify-content:flex-start;flex-direction:column;margin-top:1rem}.portal-home-feature-button{margin-top:1rem;justify-content:center;display:flex}.video-landing-process-card{border:2px solid rgba(30,45,71,.3);border-radius:16px;padding:1rem;box-shadow:0 10px 30px #0f172a14;margin:1rem .5rem}.video-landing-grid-header,.video-landing-grid-description{margin:0;padding:0}.video-landing-grid-list{margin:0;padding-left:1rem}.video-landing-header{margin-bottom:.5rem;padding:0;color:#1e2d47}.video-landing-question-number{margin:0;padding:0}.video-landing-question-list{margin:0;padding-left:2rem;list-style:none}.video-landing-question-item{counter-increment:item}.video-landing-question-item:before{margin-right:10px;content:counter(item);background:#add8e6;border-radius:100%;color:#fff;width:1.2em;text-align:center;display:inline-block}.text-under-video-wrapper{border-radius:12px;border:2px solid rgba(30,45,71,.3);margin-top:1rem;padding:.5rem 1rem 1rem;box-shadow:0 3px 10px #0f172a14}@supports (-webkit-mask-image: none){video{transform:scaleX(-1);-webkit-transform:"scaleX(-1)"}video::-webkit-media-controls-enclosure{transform:scaleX(-1)}}