.navbar-modern{background:linear-gradient(135deg,#1e3c72,#2a5298);border-bottom:3px solid #3b82f6;box-shadow:0 4px 15px #0000001a;padding:.75rem 0}.navbar-container{padding:.5rem 1rem}.navbar-brand-modern{align-items:center;border-radius:8px;color:#fff!important;display:flex;font-size:1.6rem;font-weight:800;gap:.5rem;letter-spacing:-.01em;padding:.5rem 1rem;transition:all .3s ease}.brand-accent{color:#60a5fa}.navbar-brand-modern:hover .brand-accent{color:#93c5fd}.navbar-brand-modern:hover{background-color:#60a5fa1a;color:#60a5fa!important;transform:scale(1.05)}.brand-icon{font-size:1.6rem}.navbar-toggler-modern{border:2px solid #ffffffb3;padding:.5rem .75rem;transition:all .3s ease}.navbar-toggler-modern:focus,.navbar-toggler-modern:hover{border-color:#60a5fa;box-shadow:0 0 10px #60a5fa80}.navbar-toggler-modern:focus{box-shadow:0 0 10px #60a5fa80;outline:none}.nav-links-modern{align-items:center;display:flex;flex-wrap:wrap;gap:.25rem;justify-content:flex-start}.nav-link-modern{align-items:center;border-radius:6px;color:#e0e7ff!important;display:flex;font-weight:500;gap:.5rem;margin:.25rem;padding:.75rem 1.25rem!important;position:relative;transition:all .3s ease;white-space:nowrap}.nav-link-modern:after{background-color:#60a5fa;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:0}.nav-link-modern:hover{background-color:#60a5fa26;color:#fff!important}.nav-link-modern:hover:after{width:80%}.dropdown-modern .dropdown-toggle{align-items:center;border-radius:6px;color:#e0e7ff!important;display:flex;font-weight:500;gap:.5rem;margin:.25rem;padding:.75rem 1.25rem!important;transition:all .3s ease;white-space:nowrap}.dropdown-modern .dropdown-toggle:after{border:none!important;content:"▼";display:inline-block!important;font-size:.7rem;margin-left:.5rem;transition:transform .3s ease}.dropdown-modern .dropdown-toggle:hover{background-color:#60a5fa26;color:#fff!important}.dropdown-modern.show .dropdown-toggle:after{transform:rotate(180deg)}.dropdown-title-modern{align-items:center;display:flex;gap:.5rem}.dropdown-modern .dropdown-menu{animation:slideDown .3s ease;background:linear-gradient(135deg,#1e293b,#334155);border:none;border-radius:10px;box-shadow:0 10px 30px #0003;min-width:280px;padding:.75rem 0}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item-modern,.dropdown-modern .dropdown-item{align-items:center;color:#e0e7ff;display:flex;font-weight:500;gap:.75rem;padding:.85rem 1.5rem;transition:all .2s ease}.dropdown-item-modern:hover,.dropdown-modern .dropdown-item:hover{background-color:#60a5fa40;border-radius:6px;color:#60a5fa;margin:0 .5rem;padding-left:2rem}.dropdown-modern .dropdown-divider{border-top:1px solid #60a5fa4d;margin:.5rem 0}@media (max-width:991px){.navbar-modern{padding:.5rem 0}.navbar-brand-modern{font-size:1.5rem;padding:.5rem .75rem}.nav-links-modern{gap:.1rem;margin-top:1rem}.dropdown-modern .dropdown-toggle,.nav-link-modern{border-radius:5px;font-size:.95rem;justify-content:flex-start;margin:.3rem 0;padding:.65rem 1rem!important;width:100%}.dropdown-modern .dropdown-menu{box-shadow:inset 0 2px 10px #0000001a;min-width:250px}.dropdown-item-modern,.dropdown-modern .dropdown-item{font-size:.9rem;padding:.75rem 1.25rem}}@media (max-width:575px){.navbar-container{padding:.5rem .75rem}.navbar-brand-modern{font-size:1.3rem;gap:.3rem;padding:.4rem .5rem}.brand-icon{font-size:1.2rem}.nav-links-modern{flex-direction:column;gap:0;margin-top:.75rem;width:100%}.nav-link-modern{font-size:.9rem;margin:.2rem 0;padding:.6rem .85rem!important;width:100%!important}.dropdown-modern{margin-left:auto;width:100%}.dropdown-modern .dropdown-toggle{font-size:.9rem;justify-content:space-between;margin:.2rem 0;padding:.6rem .85rem!important;width:100%!important}.dropdown-modern .dropdown-menu{max-height:60vh;min-width:100%;overflow-y:auto}.dropdown-item-modern,.dropdown-modern .dropdown-item{font-size:.85rem;gap:.5rem;padding:.65rem 1rem}.dropdown-item-modern:hover,.dropdown-modern .dropdown-item:hover{padding-left:1.5rem}}@media (max-width:360px){.navbar-brand-modern{font-size:1.1rem}.dropdown-modern .dropdown-toggle,.nav-link-modern{font-size:.8rem;padding:.5rem .75rem!important}}.dropdown-modern-item{padding:.75rem 1rem;transition:background-color .2s,transform .2s}.dropdown-modern-item:hover{background-color:#198754;color:#fff;transform:translateX(3px)}.interview-page,.interview-qa-page{background-color:#f8f9fa}.interview-page{max-width:100%;overflow-x:hidden}.hero-section{background:linear-gradient(135deg,#1e40af,#2563eb);box-shadow:0 4px 6px #0000001a}.topic-content{font-size:1rem;line-height:1.6}.topic-content h6{border-left:4px solid #1e40af;color:#1e40af;margin-top:1rem;padding-left:.75rem}.topic-content ol,.topic-content ul{margin-left:1.5rem}.topic-content li{margin-bottom:.5rem}.accordion-button{font-size:1rem;font-weight:500;padding:1rem}.accordion-button:not(.collapsed){background-color:#e7f3ff;color:#1e40af}.accordion-button:focus{border-color:#1e40af;box-shadow:0 0 0 .25rem #1e40af40}.accordion-body{background-color:#fff;padding:1.5rem}.accordion-body p{-webkit-hyphens:auto;hyphens:auto;line-height:1.8;margin-bottom:1rem}.accordion-body h6,.accordion-body p,.expected-answer-formatted,.section-text{word-wrap:break-word;max-width:100%;overflow-wrap:break-word;white-space:normal;word-break:break-word}.section-text{display:block;line-height:1.8;margin-bottom:1rem}.sub-section{word-wrap:break-word;max-width:100%;overflow-wrap:break-word;white-space:normal;word-break:break-word}.bg-info-light{background-color:#d1ecf1!important;border-left:4px solid #0c5460}.bg-warning-light{background-color:#fff3cd!important;border-left:4px solid #856404}.bg-success-light{background-color:#d4edda!important;border-left:4px solid #155724}.badge{font-size:.9rem;padding:.5rem .75rem}.interview-card{border:1px solid #e0e0e0;transition:all .3s ease}.interview-card:hover{border-color:#1e40af;box-shadow:0 8px 12px #00000026;transform:translateY(-5px)}.badge-success{background-color:#28a745!important}.badge-warning{background-color:#ffc107!important;color:#000}.badge-danger{background-color:#dc3545!important}@media (max-width:768px){.hero-section h1{font-size:2rem}.accordion-button,.topic-content h6{font-size:.95rem}}.code-example{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;font-family:Courier New,monospace;margin:1rem 0;overflow-x:auto;padding:1rem}.table{border-collapse:collapse;margin:1rem 0}.table th{background-color:#1e40af;color:#fff;font-weight:600}.table td,.table th{border:1px solid #ddd;padding:.75rem}.table tbody tr:hover{background-color:#f5f5f5}.definition-box{background-color:#f0f7ff;border-left:5px solid #1e40af;border-radius:4px;margin:1rem 0;padding:1rem}.example-box{background-color:#f9f9f9;border:1px dashed #1e40af}.example-box,.tip-box{border-radius:4px;margin:1rem 0;padding:1rem}.tip-box{background-color:#fff3cd;border-left:5px solid #ffc107}.interview-scenario-card{overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.interview-scenario-card:before{background:linear-gradient(90deg,#3b82f6,#6366f1 50%,#8b5cf6);content:"";height:4px;left:0;position:absolute;right:0;top:0}.interview-scenario-card:hover{border-color:#3b82f666!important;box-shadow:0 12px 48px #3b82f626!important;transform:translateY(-8px)}.interview-scenario-card h6{font-size:1.1rem;letter-spacing:.5px}.interview-scenario-card .badge{border-radius:6px;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:.6rem 1rem!important;text-transform:uppercase}.interview-scenario-card p{color:#1f2937;font-weight:500}.answer-content{background-color:#ffffffb3;border-left:4px solid #10b981;border-radius:8px;padding:1.5rem}.answer-content .mb-3{margin-bottom:1.5rem!important}.answer-content .badge{border-radius:4px;font-size:.75rem;font-weight:700;letter-spacing:.8px;padding:.4rem .8rem!important}.answer-content .text-primary{color:#1e40af!important;font-weight:600}.answer-content .text-info{color:#0891b2!important;font-weight:600}.answer-content .text-success{color:#059669!important;font-weight:600}.answer-content .text-danger{color:#dc2626!important;font-weight:600}.answer-content h6{font-size:1rem;font-weight:700;letter-spacing:.5px;margin-bottom:1rem;margin-top:1.5rem;text-transform:uppercase}.answer-content>div>div{margin-bottom:1rem}.interview-accordion .accordion-item{border:2px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 8px #0000000d;margin-bottom:1rem;transition:all .3s ease}.interview-accordion .accordion-item:hover{border-color:#3b82f64d;box-shadow:0 4px 12px #3b82f61a}.interview-accordion .accordion-header{background-color:#f8fafc;border-radius:6px}.interview-accordion .accordion-button:not(.collapsed){background:linear-gradient(135deg,#3b82f614,#6366f114);border-color:#3b82f633;box-shadow:inset 0 -2px 4px #0000000d}.interview-accordion .accordion-button:focus{border-color:#3b82f666;box-shadow:0 0 0 .25rem #3b82f626}.accordion-body-modern{background:linear-gradient(180deg,#fff,#f8fafc);padding:2rem}.expected-answer-formatted{font-size:.95rem;line-height:1.8}.expected-answer-formatted h6{align-items:center;display:flex;font-weight:700;gap:.5rem;margin-bottom:1rem;margin-top:1.5rem}.expected-answer-formatted .badge{font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.4rem .6rem;white-space:nowrap}.expected-answer-formatted .text-danger{color:#dc3545!important}.expected-answer-formatted .bg-danger{background-color:#dc3545!important}.expected-answer-formatted .text-warning{color:#ffc107!important}.expected-answer-formatted .bg-warning{background-color:#ffc107!important}.expected-answer-formatted .text-info{color:#0dcaf0!important}.expected-answer-formatted .bg-info{background-color:#0dcaf0!important}.expected-answer-formatted .text-secondary{color:#6c757d!important}.expected-answer-formatted .bg-secondary{background-color:#6c757d!important}.expected-answer-formatted .text-success{color:#198754!important}.expected-answer-formatted .bg-success{background-color:#198754!important}.expected-answer-formatted .bg-light.rounded.border-start{background-color:#f8f9fa!important;border-left-width:4px!important;border-radius:8px;margin-left:1.5rem;padding:1rem;transition:all .3s ease}.expected-answer-formatted .bg-light.rounded.border-start:hover{background-color:#f1f3f5!important;box-shadow:0 2px 8px #00000014;transform:translateX(4px)}.expected-answer-formatted .bg-light.rounded.border-start p{color:#2d3748;font-family:Courier New,monospace;font-size:.9rem;line-height:1.6;margin:0;white-space:pre-wrap}.expected-answer-formatted div.mb-3.ps-3.border-start{background-color:#00000003;border-left-width:4px;border-radius:0 4px 4px 0;margin-bottom:1rem;padding-bottom:.5rem;padding-left:1rem;padding-top:.5rem}.expected-answer-formatted .ms-3{margin-left:1.5rem}.expected-answer-formatted .text-muted{color:#495057!important}.expected-answer-formatted h6.text-danger{border-bottom:2px solid #dc3545;padding-bottom:.5rem}.expected-answer-formatted h6.text-warning{border-bottom:2px solid #ffc107;padding-bottom:.5rem}.expected-answer-formatted h6.text-info{border-bottom:2px solid #0dcaf0;padding-bottom:.5rem}.expected-answer-formatted h6.text-secondary{border-bottom:2px solid #6c757d;padding-bottom:.5rem}.expected-answer-formatted h6.text-success{border-bottom:2px solid #198754;padding-bottom:.5rem}.expected-answer-formatted .section-container{background-color:#f8f9fa;border-left:4px solid #0dcaf0;border-radius:8px;margin-bottom:1.5rem;padding:1.25rem;page-break-inside:avoid}.expected-answer-formatted .section-container h6{align-items:center;border-bottom:2px solid #e9ecef;color:#0dcaf0;display:flex;font-size:1.1rem;font-weight:700;gap:.5rem;margin-bottom:1rem;margin-top:0;padding-bottom:.75rem}.expected-answer-formatted .sub-section{background-color:#fff;border-left:3px solid #dee2e6;border-radius:6px;margin-bottom:1.5rem;padding:1rem}.expected-answer-formatted .sub-section h6{color:#495057;font-size:.95rem;margin-bottom:.75rem}.expected-answer-formatted .sub-section ul{padding-left:1rem}.expected-answer-formatted .sub-section li{color:#495057;line-height:1.5;margin-bottom:.5rem}.expected-answer-formatted .sub-section li span{color:#0dcaf0;font-weight:700;margin-right:.5rem}.expected-answer-formatted .bg-light.rounded.border-start{word-wrap:break-word;max-width:100%;overflow-wrap:break-word;word-break:break-word}.accordion-body-modern,.accordion-header-modern{word-wrap:break-word;max-width:100%;overflow-wrap:break-word;white-space:normal;word-break:break-word}.expected-answer-formatted .expected-answer-item{background-color:#f8f9fa!important;border-left-width:3px!important;margin-bottom:.75rem;overflow-wrap:break-word;page-break-inside:avoid}.expected-answer-formatted .bg-light.rounded.border-start p{overflow-wrap:break-word;white-space:normal;word-break:break-word}.expected-answer-formatted p{overflow-wrap:break-word;word-break:break-word}.content-code-block{background-color:#1e1e2e;border:1px solid #2d2d44;border-radius:8px;color:#e4e4ef;font-size:.85rem;line-height:1.55;margin:.5rem 0 1rem;overflow-x:auto;padding:1rem 1.25rem;white-space:pre}.content-code-block code{background:#0000;color:inherit;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;padding:0;white-space:pre}.solution-tabs .nav-link{border:none;border-bottom:2px solid #0000;color:#495057;font-size:.9rem;font-weight:600;padding:.4rem .9rem}.solution-tabs .nav-link:hover{border-bottom-color:#c7d2fe;color:#1e40af}.solution-tabs .nav-link.active{background:#0000;border-bottom-color:#1e40af;color:#1e40af}.solution-tabs .content-code-block{border-top-left-radius:0}