@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.avatar-favicon{width:16px;height:16px;display:block}.ending-session-spinner{animation:spin 1s linear infinite}.avatar-container{padding:1rem;display:flex;justify-content:center;align-items:center;gap:.4rem;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.start-screen{position:relative;height:100vh;padding:0;margin:0}.video-card{position:relative;max-width:960px;aspect-ratio:16/9;height:auto;background-color:#000;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.1);flex-shrink:0;margin:0 auto}.video-avatar,.video-card{width:100%;border-radius:1rem}.video-avatar{height:100%;-o-object-fit:cover;object-fit:cover}.avatar-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:10;border-radius:inherit}.avatar-loading-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.avatar-loading-spinner{animation:spin 1s linear infinite;color:#fff}.avatar-loading-text{color:#fff;font-size:.9rem;font-weight:500}.start-controls-styled{position:absolute;bottom:14%;left:50%;transform:translate(-50%,50%);max-width:415px;width:101%;padding:.8rem;background:hsla(0,0%,100%,.9);border-radius:16px;backdrop-filter:blur(15px);box-shadow:0 8px 32px rgba(0,0,0,.3)}.start-controls-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center;width:100%}.wrapper_avatar{flex:1;position:relative;min-width:0}.start-session-btn{flex:0 0 auto;min-width:120px;white-space:nowrap}.liveavatar-notification{position:fixed;bottom:1.25rem;right:1.25rem;left:auto;top:auto;transform:none;z-index:1000;max-width:min(92vw,520px);width:-moz-max-content;width:max-content;padding:.75rem 1rem;border-radius:14px;background:#fee2e2;color:#7f1d1d;font-size:.8rem;line-height:1.4;box-shadow:0 12px 24px rgba(15,23,42,.18);display:flex;align-items:center;gap:.75rem}.liveavatar-notification-dismiss{border:none;background:transparent;color:inherit;font-size:1rem;line-height:1;cursor:pointer;padding:0}.dropdown-wrapper{position:relative;width:100%}.dropdown_avatar{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;border-radius:.75rem;border:none;background-color:#fff;font-size:.8rem;font-weight:500;color:#111;box-shadow:0 0 0 1px rgba(0,0,0,.08);cursor:pointer;padding:.7rem 2rem .7rem 1rem}.dropdown_avatar:disabled{opacity:.5;cursor:not-allowed}.dropdown-arrow{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);pointer-events:none;color:#555}.start-session-btn{padding:.5rem 2rem;color:#fff;font-weight:600;font-size:1rem;border-radius:.75rem;border:none;cursor:pointer;box-shadow:0 0 0 1px rgba(0,0,0,.05);transition:background-color .3s}.start-session-btn,.start-session-btn:hover:not(:disabled){background-color:#8a0000}.start-session-btn:disabled{opacity:.6;cursor:not-allowed}.mode-selection-buttons{display:flex;align-items:center;margin-right:8px}.mode-button-group{display:flex;gap:4px;padding:2px;background-color:rgba(75,85,99,.1);border-radius:8px;border:1px solid hsla(0,0%,100%,.1)}.mode-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:6px;background-color:transparent;color:rgba(61,2,2,.6);cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:600}.mode-button:hover{background-color:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.9)}.mode-button.active{background-color:#8a0000;color:#fff}.mode-button:disabled{opacity:.5;cursor:not-allowed}.mode-button svg{pointer-events:none;flex-shrink:0}.mode-button-wrapper{position:relative;display:inline-flex}.mode-button-wrapper:hover .mode-tooltip{opacity:1;visibility:visible;transform:translateY(-100%) translateX(-50%) scale(1)}.mode-tooltip{position:absolute;bottom:15%;left:50%;transform:translateY(-8px) translateX(-50%) scale(.95);background-color:#1c1c1c;color:#fff;font-family:Mulish,sans-serif;font-size:12px;font-weight:400;padding:12px;border-radius:6px;white-space:nowrap;text-align:center;opacity:0;visibility:hidden;transition:all .2s cubic-bezier(.16,1,.3,1);z-index:9999;pointer-events:none;min-width:-moz-max-content;min-width:max-content}.tooltip-arrow{position:absolute;bottom:0;left:50%;transform:translateX(-50%) translateY(100%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #1c1c1c}.tooltip-arrow:after{content:"";position:absolute;top:-5px;left:-5px;width:10px;height:5px;background-image:url("data:image/svg+xml,%3Csvg width='10' height='5' viewBox='0 0 30 10' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon points='0,0 30,0 15,10' fill='%231C1C1C'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-8px) translateX(-50%) scale(.95)}to{opacity:1;transform:translateY(-100%) translateX(-50%) scale(1)}}@keyframes tooltipFadeOut{0%{opacity:1;transform:translateY(-100%) translateX(-50%) scale(1)}to{opacity:0;transform:translateY(-8px) translateX(-50%) scale(.95)}}.time-remaining{top:1rem;left:1rem;background-color:#fff;border-radius:9999px;font-size:.875rem;font-weight:500;color:#111827;box-shadow:0 1px 3px rgba(0,0,0,.05)}.educational-tag,.time-remaining{position:absolute;padding:.25rem .75rem}.educational-tag{bottom:1.5rem;left:1.5rem;background-color:rgba(0,0,0,.5);color:#fff;border-radius:.375rem;font-size:.75rem}.floating-controls{position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);gap:1rem;z-index:5;flex-wrap:wrap}.control-button,.floating-controls{display:flex;justify-content:center}.control-button{width:3rem;height:3rem;border-radius:9999px;align-items:center;color:#fff;border:none;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.control-button:disabled{cursor:not-allowed;opacity:.6}.control-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.3)}.control-button:hover:not(:disabled):before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.1);border-radius:inherit}.control-button:active:not(:disabled){transform:translateY(0);transition:all .1s ease}.text-mode-button:hover:not(:disabled){background-color:#a51d2d!important}.voice-mode-button:hover:not(:disabled){background-color:#4b5563!important}.ptt-button{touch-action:none}.ptt-button.ptt-pressed{box-shadow:0 0 0 3px rgba(138,0,0,.28)}.ptt-button.ptt-pressed,.ptt-button.ptt-pressed:hover:not(:disabled){background-color:#8a0000!important}.end-session-button:hover:not(:disabled){background-color:#dc2626!important}.end-session-icon{font-size:1.05rem}.control-tooltip{bottom:120%;transform:translateX(-50%);background-color:rgba(0,0,0,.8);padding:6px 10px;border-radius:4px;font-size:.75rem;transition:opacity .3s ease,visibility .3s ease;z-index:1000}.control-tooltip:after{border:4px solid transparent;border-top-color:rgba(0,0,0,.8)}.control-button:hover .control-tooltip{opacity:1;visibility:visible}.control-button-wrapper{position:relative;display:inline-flex}.control-button-wrapper:hover .control-tooltip{opacity:1;visibility:visible;transform:translateY(-100%) translateX(-50%) scale(1)}.control-tooltip{position:absolute;bottom:15%;left:50%;transform:translateY(-8px) translateX(-50%) scale(.95);background-color:#1c1c1c;color:#fff;font-family:Mulish,sans-serif;font-size:12px;font-weight:400;padding:12px;border-radius:6px;white-space:nowrap;text-align:center;opacity:0;visibility:hidden;transition:all .2s cubic-bezier(.16,1,.3,1);z-index:9999;pointer-events:none;min-width:-moz-max-content;min-width:max-content;margin-bottom:8px}.control-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #1c1c1c}.floating-controls .control-tooltip{bottom:10%;margin-bottom:12px}.ptt-live-strip{position:absolute;right:calc(100% + 12px);top:50%;transform:translateY(-50%) translateX(8px);min-width:172px;height:40px;padding:0 12px;border-radius:9999px;border:1px solid hsla(0,0%,100%,.18);background:linear-gradient(90deg,rgba(17,24,39,.95),rgba(30,41,59,.9));backdrop-filter:blur(8px);display:flex;align-items:center;gap:12px;opacity:0;pointer-events:none;transition:opacity .22s ease,transform .22s ease;z-index:9998}.ptt-live-strip.active{opacity:1;transform:translateY(-50%) translateX(0)}.ptt-live-dot{width:9px;height:9px;border-radius:9999px;background:#ff2d55;box-shadow:0 0 0 0 rgba(255,45,85,.45);animation:ptt-dot-pulse 1.2s ease-out infinite}.ptt-live-time{font-family:Mulish,sans-serif;font-size:16px;font-weight:600;letter-spacing:.03em;color:#fff;white-space:nowrap}@keyframes ptt-dot-pulse{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(255,45,85,.45)}70%{transform:scale(1.08);box-shadow:0 0 0 8px rgba(255,45,85,0)}to{transform:scale(1);box-shadow:0 0 0 0 rgba(255,45,85,0)}}.ptt-tip{position:absolute;bottom:4.75rem;left:50%;transform:translateX(-50%);background:rgba(17,24,39,.95);padding:.5rem .75rem;border-radius:9999px;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 6px 16px rgba(0,0,0,.2);max-width:90vw;white-space:nowrap;z-index:6}.ptt-tip,.ptt-tip-close{color:#fff;font-size:.75rem}.ptt-tip-close{background:transparent;border:none;line-height:1;cursor:pointer;padding:0}.voice-mode-button:disabled .control-tooltip{background-color:rgba(75,85,99,.9)}.voice-mode-button:disabled .control-tooltip:after{border-top-color:rgba(75,85,99,.9)}.voice-mode-button.active .control-tooltip{background-color:#1c1c1c;border:1px solid #8a0000}.voice-mode-button.active .control-tooltip:after{border-top-color:#8a0000}.chat-panel{width:360px;background-color:#fff;border-radius:1rem;box-shadow:0 20px 40px rgba(0,0,0,.1);display:flex;flex-direction:column;height:540px}.chat-header{padding:1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e7eb}.chat-title{font-size:.9rem;color:#1f2937}.chat-close-button{background:none;border:none;padding:0;cursor:pointer;color:#6b7280}.chat-messages{flex:1;padding:1rem;overflow-y:auto;font-size:.875rem;color:#6b7280}.message{display:flex;align-items:flex-start;margin-bottom:.75rem;font-size:.8rem}.chat-avatar-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;min-width:16px;min-height:16px;border-radius:50%;margin-right:8px;color:#fff;flex-shrink:0;overflow:hidden}.chat-avatar-icon.user{background:#a855f7}.chat-avatar-icon.avatar{background:#8a0000}.message-text{line-height:1.5}.chat-input-wrapper{width:100%;padding:1rem 1.5rem;border-top:1px solid #e5e7eb}.chat-input-form{display:flex;flex-direction:column;width:100%}.chat-input-row{width:100%;display:flex;flex-direction:row;gap:.5rem;padding:.5rem .5rem .5rem .75rem;border-radius:.5rem;border:1px solid #e5e7eb;align-items:flex-end}.chat-textarea-wrapper{display:flex;width:100%;position:relative;flex:1}.chat-input{flex:1;min-width:0;border-radius:.5rem;border:1px solid #ddd;padding:.5rem 1rem;font-size:1rem}.chat-textarea{width:100%;flex:1;outline:none;resize:none;max-height:100px;color:#374151;background-color:transparent;cursor:text;border:none;padding:0;font-family:inherit;font-size:14px;line-height:1.5;min-height:21px;field-sizing:content}.chat-textarea:disabled{cursor:default;color:#9ca3af}.chat-textarea::-moz-placeholder{color:#9ca3af}.chat-textarea::placeholder{color:#9ca3af}.chat-send-button{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:.375rem;font-size:14px;font-weight:600;line-height:20px;border:none;background:none;cursor:pointer;height:24px;width:24px;color:#8a0000;padding:0;transition:all .2s ease;flex-shrink:0}.chat-send-button:hover:not(:disabled){background-color:rgba(138,0,0,.1)}.chat-send-button:active:not(:disabled){background-color:rgba(138,0,0,.2)}.chat-send-button:disabled{pointer-events:none;opacity:.5}.chat-send-button svg{pointer-events:none;width:16px;height:16px;flex-shrink:0}.mic-tooltip{visibility:hidden}div:hover>.mic-tooltip{visibility:visible;opacity:1}@media (max-width:768px){.liveavatar-title.text-sm{font-size:.95rem!important;line-height:1.25rem!important;text-align:left!important}.avatar-container{flex-direction:column!important;gap:0!important}.avatar-container,.video-card{padding:0!important;margin:0!important}.video-card{aspect-ratio:auto!important}.video-avatar,.video-card{width:100%!important;max-width:100%!important}.video-avatar{height:100%!important;max-height:100%!important;-o-object-fit:cover!important;object-fit:cover!important}.chat-panel{position:relative!important;right:auto!important;top:auto!important;width:100%!important;height:40vh!important;max-height:40vh!important;border-radius:12px 12px 0 0!important;transform:none!important;margin:0!important;flex-shrink:0}.floating-controls{position:absolute!important;bottom:15px!important;left:50%!important;transform:translateX(-50%)!important;z-index:1000!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:12px!important;justify-content:center!important}.floating-controls .control-button-wrapper{flex-shrink:0}.control-button{width:2.35rem!important;height:2.35rem!important}.control-button svg{width:.95rem!important;height:.95rem!important}.end-session-icon{font-size:.9rem!important}.mode-button{width:32px!important;height:32px!important}.mode-button svg{width:16px!important;height:16px!important}.ptt-tip{position:absolute;bottom:2.3rem;left:50%;transform:translateX(-50%);background:rgba(17,24,39,.95);color:#fff;padding:.1rem .5rem;border-radius:9999px;font-size:.5rem;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 6px 16px rgba(0,0,0,.2);max-width:86vw;white-space:nowrap;z-index:6}.ptt-live-strip{min-width:116px;height:32px;padding:0 7px;right:calc(100% - 2px);gap:7px}.ptt-live-dot{width:8px;height:8px}.ptt-live-time{font-size:12px}.time-remaining{top:10px!important;font-size:.7rem!important}.educational-tag,.time-remaining{position:absolute!important;left:10px!important;right:auto!important;z-index:999!important;padding:.2rem .4rem!important;background:rgba(0,0,0,.6)!important;border-radius:4px!important;color:#fff!important}.educational-tag{bottom:15px!important;font-size:.6rem!important}.start-screen{padding:0!important;margin:0!important}.start-screen,.start-screen .video-card{width:100%!important;height:100vh!important}.start-screen .video-card{max-width:100%!important;max-height:100vh!important}.start-controls-styled{position:absolute!important;bottom:14%!important;left:50%!important;transform:translate(-50%,50%)!important;max-width:364px!important;width:85%!important;padding:.6rem!important;background:hsla(0,0%,100%,.9)!important;border-radius:12px!important;backdrop-filter:blur(15px)!important;box-shadow:0 8px 32px rgba(0,0,0,.3)!important}.wrapper_avatar{margin-bottom:.75rem!important}.dropdown_avatar{width:100%!important;font-size:.85rem!important;padding:.6rem 2rem .6rem .8rem!important}.start-session-btn{font-size:.85rem!important;padding:.6rem 1.2rem!important;height:auto!important}.chat-messages{max-height:calc(40vh - 120px)!important;overflow-y:auto!important}.chat-input-wrapper{padding:.75rem 1rem!important}.chat-input{font-size:.9rem!important;padding:.4rem .8rem!important}}@media (max-width:1024px) and (min-width:769px){.avatar-container{flex-direction:column!important;gap:0!important}.avatar-container,.video-card{padding:0!important;margin:0!important}.video-card{min-height:60vh!important;height:60vh!important}.video-avatar,.video-card{width:100%!important;max-width:100%!important}.video-avatar{height:100%!important;max-height:100%!important;-o-object-fit:cover!important;object-fit:cover!important}.chat-panel{position:relative!important;right:auto!important;top:auto!important;width:100%!important;height:40vh!important;max-height:40vh!important;border-radius:12px 12px 0 0!important;transform:none!important;margin:0!important;flex-shrink:0}.floating-controls{position:absolute!important;bottom:15px!important;left:50%!important;transform:translateX(-50%)!important;z-index:1000!important;display:flex!important;flex-direction:row!important;gap:12px!important;justify-content:center!important}.time-remaining{top:10px!important;font-size:.75rem!important}.educational-tag,.time-remaining{position:absolute!important;left:10px!important;right:auto!important;z-index:999!important;padding:.25rem .5rem!important;background:rgba(0,0,0,.6)!important;border-radius:4px!important;color:#fff!important}.educational-tag{bottom:15px!important;font-size:.65rem!important}.start-screen{padding:0!important;margin:0!important}.start-screen,.start-screen .video-card{width:100%!important;height:100vh!important}.start-screen .video-card{max-width:100%!important;max-height:100vh!important}.start-controls-styled{position:absolute!important;bottom:14%!important;left:50%!important;transform:translate(-50%,50%)!important;max-width:320px!important;width:80%!important;padding:.7rem!important;background:hsla(0,0%,100%,.9)!important;border-radius:14px!important;backdrop-filter:blur(15px)!important;box-shadow:0 8px 32px rgba(0,0,0,.3)!important}.wrapper_avatar{margin-bottom:.75rem!important}.dropdown_avatar{width:100%!important;font-size:.9rem!important;padding:.65rem 2rem .65rem .9rem!important}.start-session-btn{font-size:.9rem!important;padding:.65rem 1.4rem!important;height:auto!important}.chat-messages{max-height:calc(40vh - 120px)!important;overflow-y:auto!important}.chat-input-wrapper{padding:.8rem 1.2rem!important}.chat-input-row{padding:.5rem .5rem .5rem .75rem!important}.chat-textarea{font-size:14px!important}.control-button{width:3rem!important;height:3rem!important;box-shadow:0 2px 8px rgba(0,0,0,.3)!important}.control-tooltip{display:none}}@media (max-width:480px){.video-card{min-height:100%!important;height:100%!important}.chat-panel{height:45vh!important;max-height:45vh!important}.floating-controls{bottom:12px!important;gap:10px!important}.ptt-live-strip{min-width:106px;height:30px;padding:0 6px;right:calc(100% - 8px);gap:6px}.ptt-live-dot{width:7px;height:7px}.ptt-live-time{font-size:11px}.control-button{width:2rem!important;height:2rem!important}.control-button svg{width:.85rem!important;height:.85rem!important}.mode-button{width:30px!important;height:30px!important}.mode-button svg{width:14px!important;height:14px!important}.educational-tag{bottom:12px!important;font-size:.55rem!important}.educational-tag,.time-remaining{left:8px!important;padding:.15rem .3rem!important}.time-remaining{top:8px!important;font-size:.65rem!important}.start-controls-styled{position:absolute!important;bottom:14%!important;left:50%!important;transform:translate(-50%,50%)!important;max-width:190px!important;width:82%!important;padding:.3rem!important;background:hsla(0,0%,100%,.9)!important;border-radius:7px!important;backdrop-filter:blur(15px)!important;box-shadow:0 8px 32px rgba(0,0,0,.3)!important}.start-controls-row{gap:5px!important}.mode-selection-buttons{margin-right:2px!important}.mode-button-group{gap:1px;padding:1px;border-radius:5px}.mode-button{width:22px!important;height:22px!important;border-radius:4px}.mode-button svg{width:10px!important;height:10px!important}.dropdown_avatar{font-size:.75rem!important;padding:.5rem 1.8rem .5rem .6rem!important}.start-session-btn{min-width:68px;font-size:.58rem!important;padding:.3rem .45rem!important;border-radius:.5rem}.chat-messages{max-height:calc(45vh - 120px)!important}.chat-input-wrapper{padding:.5rem .75rem!important}}@media (max-width:375px){.start-controls-styled{position:absolute!important;bottom:14%!important;left:50%!important;transform:translate(-50%,50%)!important;max-width:170px!important;width:84%!important;padding:.28rem!important;background:hsla(0,0%,100%,.9)!important;border-radius:6px!important;backdrop-filter:blur(15px)!important;box-shadow:0 8px 32px rgba(0,0,0,.3)!important}.wrapper_avatar{margin-bottom:.6rem!important}.dropdown_avatar{font-size:.7rem!important;padding:.45rem 1.6rem .45rem .5rem!important}.start-session-btn{min-width:62px;font-size:.54rem!important;padding:.28rem .4rem!important;border-radius:.4rem}.start-controls-row{gap:4px!important}.mode-button{width:20px!important;height:20px!important}.mode-button svg{width:9px!important;height:9px!important}.ptt-live-strip{min-width:98px;height:28px;padding:0 5px;right:calc(100% - 10px)}.control-button{width:1.85rem!important;height:1.85rem!important}.control-button svg{width:.78rem!important;height:.78rem!important}}@media (max-width:1024px){.control-tooltip{display:none}}@media (max-width:700px){.bottom-controls{bottom:.75rem;gap:.5rem}}@media (max-width:500px){.bottom-controls{bottom:.25rem;gap:.25rem}}.chat-input-wrapper,.chat-panel{box-sizing:border-box}.dropdown-wrapper:after{content:"";position:absolute;right:1rem;top:50%;transform:translateY(-50%);border:.35rem solid transparent;border-top-color:#555;pointer-events:none}.dropdown option:checked{background-color:#f3e8ff;font-weight:600}.start-screen .video-avatar{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;display:block}.start-screen .video-card{display:flex;align-items:center;justify-content:center;position:relative}.avatar-landing-container{padding:2rem 0;min-height:100vh}.landing-header{text-align:center;padding:0 1rem}.landing-title{font-size:2.5rem;font-weight:700;color:#1e293b;margin-bottom:1rem;line-height:1.2}.landing-subtitle{font-size:1.125rem;margin:0 auto}.landing-description,.landing-subtitle{color:#64748b;max-width:600px;line-height:1.6}.landing-description{font-size:1rem;margin:1rem auto 0}.scenarios-section{padding:0 1rem;max-width:1200px;margin:3rem auto}.scenarios-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:2rem!important;justify-content:center;margin:0!important;padding:0!important}.scenario-col{margin-bottom:0!important;display:flex!important;width:100%!important;max-width:100%!important;flex:none!important;padding:0!important}.scenario-card-wrapper{border-radius:16px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;background:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);border:1px solid #e2e8f0;width:100%;height:100%;display:flex;flex-direction:column;position:relative;transform:translateY(0)}.scenario-card-wrapper:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 25px 50px -12px rgba(0,0,0,.25);border-color:transparent}.scenario-card-wrapper.hovered .card-overlay{opacity:1}.scenario-card-wrapper:hover .scenario-image{transform:scale(1.1)}.scenario-card-wrapper:hover .scenario-title{transform:translateX(4px)}.scenario-card-wrapper:hover .start-btn{transform:translateY(-2px);box-shadow:0 8px 16px rgba(0,0,0,.2)}@media (min-width:768px){.scenarios-grid{grid-template-columns:repeat(3,1fr)!important}.scenario-col{flex:none!important;max-width:none!important;width:100%!important}}.card-image-container{position:relative;height:160px;overflow:hidden;flex-shrink:0}.scenario-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease}.card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);opacity:0;transition:opacity .3s ease;display:flex;align-items:center;justify-content:center;flex-direction:column}.overlay-content{text-align:center;color:#fff;transform:translateY(10px);transition:transform .3s ease}.scenario-card-wrapper:hover .overlay-content{transform:translateY(0)}.play-icon{margin-bottom:.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:transform .3s ease}.scenario-card-wrapper:hover .play-icon{transform:scale(1.1)}.overlay-text{font-weight:600;font-size:1rem}.scenario-card-body{padding:1.25rem;display:flex;flex-direction:column;flex:1}.card-content{flex:1;display:flex;flex-direction:column}.scenario-title{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;line-height:1.3;transition:transform .3s ease}.scenario-description{color:#64748b;font-size:.85rem;line-height:1.4;margin-bottom:1rem;flex:1}.card-footer{margin-top:auto}.start-btn{width:100%;padding:.7rem .9rem;border:none;border-radius:8px;color:#fff;font-weight:600;font-size:.85rem;display:flex;align-items:center;justify-content:center;gap:.4rem;transition:all .3s ease;cursor:pointer;margin-bottom:.8rem;position:relative;overflow:hidden}.start-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s ease}.start-btn:hover:before{left:100%}.btn-icon{transition:transform .3s ease}.start-btn:hover .btn-icon{transform:translateX(3px)}.card-stats{display:flex;gap:.8rem;font-size:.7rem;color:#64748b;justify-content:center}.stat-item{display:flex;align-items:center;gap:.25rem;transition:color .3s ease}.scenario-card-wrapper:hover .stat-item{color:#475569}.cta-section{text-align:center;padding:3rem 1rem;margin-top:2rem}.cta-content{max-width:500px;margin:0 auto}.cta-title{font-size:1.875rem;font-weight:700;color:#1e293b;margin-bottom:1rem}.cta-description{color:#64748b;margin-bottom:2rem;font-size:1rem;line-height:1.6}.cta-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-weight:600;font-size:1rem;display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 14px 0 rgba(59,130,246,.39)}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px 0 rgba(59,130,246,.5)}.cta-icon{transition:transform .2s ease}.cta-button:hover .cta-icon{transform:translateX(3px)}@media (min-width:992px){.scenarios-grid{grid-template-columns:repeat(3,1fr)!important}}@media (min-width:768px) and (max-width:991px){.scenarios-grid{grid-template-columns:repeat(3,1fr)!important}.card-image-container{height:140px}.scenario-title{font-size:1rem}.scenario-description{font-size:.8rem}}@media (min-width:576px) and (max-width:767px){.scenarios-grid{grid-template-columns:repeat(2,1fr)!important;gap:1.5rem!important}.card-image-container{height:130px}}@media (max-width:575px){.scenarios-grid{grid-template-columns:1fr!important;gap:1rem!important}.card-image-container{height:180px}.landing-title{font-size:1.75rem}.avatar-landing-container{padding:1rem 0}}@media (max-width:768px){.landing-title{font-size:2rem}.landing-subtitle{font-size:1rem}.cta-title{font-size:1.5rem}}@media (max-width:576px){.landing-header{margin-bottom:2rem}.landing-title{font-size:1.75rem}.card-stats,.cta-button{justify-content:center}.cta-button{width:100%}}.interactive-avatar-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.go-back-button{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,#fff,#fff);border:none;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;box-shadow:0 4px 14px 0 rgba(102,126,234,.25);position:relative;overflow:hidden}.go-back-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s}.go-back-button:hover:before{left:100%}.go-back-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px 0 rgba(102,126,234,.4)}.go-back-button:active{transform:translateY(0);box-shadow:0 4px 14px 0 rgba(102,126,234,.25)}.go-back-button svg{flex-shrink:0;transition:transform .3s ease}.go-back-button:hover svg{transform:translateX(-2px)}.interactive-avatar-header h1{margin:0;flex:1;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.liveavatar-caption-container{position:absolute;bottom:2.5rem;left:50%;transform:translateX(-50%);width:min(90%,820px);max-height:140px;overflow-y:auto;padding:.5rem .75rem;border-radius:.5rem;background:rgba(22,23,26,.6);color:#fff;font-size:.875rem;text-align:center;z-index:1001;pointer-events:none}.liveavatar-caption-line{line-height:1.4}