.interview-container{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);font-family:Inter,sans-serif}.interview-header{padding:20px 40px;background:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.05);display:flex;justify-content:space-between;align-items:center}.progress-bar-container{width:200px;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.progress-bar{height:100%;background:#2563eb;transition:width .5s ease}.interview-main{flex:1;display:flex;max-width:1200px;margin:40px auto;gap:40px;padding:0 24px}.avatar-sidebar{flex:1;max-width:350px}.avatar-bubble{background:#fff;padding:24px;border-radius:24px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);position:relative;margin-bottom:24px;border:1px solid #e2e8f0}.avatar-bubble:after{content:"";position:absolute;bottom:-10px;left:40px;border-color:#fff transparent transparent;border-style:solid;border-width:10px 10px 0}.avatar-visual{border-radius:32px;overflow:hidden;box-shadow:0 20px 25px -5px rgba(0,0,0,.1);border:4px solid #fff}.avatar-visual img{width:100%;display:block}.question-area{flex:2;background:#fff;border-radius:40px;padding:60px;box-shadow:0 25px 50px -12px rgba(0,0,0,.08);display:flex;flex-direction:column}.category-tag{color:#2563eb;font-weight:600;text-transform:uppercase;letter-spacing:1px;font-size:.875rem;margin-bottom:16px}.question-text{font-family:Outfit,sans-serif;font-size:2.25rem;line-height:1.2;color:#1e293b;margin-bottom:40px}.answer-box{flex:1}.answer-box textarea{width:100%;height:200px;padding:24px;border-radius:20px;border:2px solid #e2e8f0;font-size:1.125rem;resize:none;transition:border-color .3s ease;font-family:inherit}.answer-box textarea:focus{outline:none;border-color:#2563eb}.interview-footer{margin-top:40px;display:flex;justify-content:space-between}.btn-nav{padding:16px 32px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.btn-back{background:#f1f5f9;color:#475569}.btn-next{background:#2563eb;color:#fff;display:flex;align-items:center;gap:8px}.btn-next:hover{background:#1e40af;transform:translateX(4px)}@media (max-width:968px){.interview-main{flex-direction:column;margin-top:20px}.avatar-sidebar{max-width:none;display:flex;align-items:flex-start;gap:20px}.avatar-bubble{flex:1}.avatar-visual{width:100px;height:100px;border-radius:20px}.question-text{font-size:1.5rem}}