.mock-interview-card{background:#fff;border:1px solid #deebff80;border-radius:16px;flex-direction:column;height:100%;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 4px 15px #0000000d}.mock-interview-card:hover{border-color:var(--blue,#1f2a8a);transform:translateY(-8px);box-shadow:0 12px 32px #1f2a8a1c}.mock-interview-thumb-container{aspect-ratio:16/9;width:100%;position:relative;overflow:hidden}.mock-interview-thumb{object-fit:cover;width:100%;height:100%;transition:transform .5s}.mock-interview-card:hover .mock-interview-thumb{transform:scale(1.05)}.play-overlay{opacity:.8;background:#0003;justify-content:center;align-items:center;width:100%;height:100%;transition:all .3s;display:flex;position:absolute;top:0;left:0}.mock-interview-card:hover .play-overlay{opacity:1;background:#0006}.play-button{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex;box-shadow:0 4px 10px #0003}.mock-interview-card:hover .play-button{background:var(--blue,#1f2a8a);transform:scale(1.1)}.play-icon-themed{color:var(--blue,#1f2a8a);margin-left:3px;font-size:1.2rem;transition:all .3s}.mock-interview-card:hover .play-icon-themed{color:#fff}.mock-interview-info{flex-direction:column;flex:1;padding:20px;display:flex}.mock-interview-title{color:#1e293b;-webkit-line-clamp:2;word-break:break-word;white-space:normal;-webkit-box-orient:vertical;margin-bottom:8px;font-size:1.1rem;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.mock-interview-desc{color:#64748b;-webkit-line-clamp:3;word-break:break-word;white-space:normal;-webkit-box-orient:vertical;flex:1;margin-bottom:16px;font-size:.88rem;line-height:1.5;display:-webkit-box;overflow:hidden}.mock-interview-keywords{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.keyword-badge{color:var(--blue,#1f2a8a);text-transform:capitalize;background:#eef2ff;border-radius:6px;padding:4px 10px;font-size:.72rem;font-weight:600}.mi-hero{color:#fff;text-align:center;background:linear-gradient(135deg,#1f2a8a 0%,#151e66 100%);padding:100px 0 80px}.mi-hero-title{margin-bottom:1rem;font-size:2.5rem;font-weight:800}.mi-hero-subtitle{opacity:.9;max-width:600px;margin:0 auto;font-size:1.1rem}