.company-detail-container{width:100%;max-width:1240px;margin:0 auto;padding:0 0 1.5rem;color:#fff;background:transparent;font-family:Inter,sans-serif}.back-btn{background:#292834;border:1px solid #555555;color:#fff;padding:.5rem .95rem;border-radius:.55rem;cursor:pointer;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem;width:-moz-fit-content;width:fit-content;font-size:.9rem;font-weight:500}.back-btn:hover{border-color:#7b67fc;background:#302f3f}.detail-header{display:flex;align-items:center;gap:1.15rem;margin-bottom:1.25rem;padding:1.35rem 1.35rem 1.2rem;background:linear-gradient(145deg,rgba(41,40,52,.98),rgba(28,27,38,.99));border:1px solid rgba(123,103,252,.22);border-radius:1rem;box-shadow:0 12px 40px rgba(0,0,0,.28)}.header-logo-section{flex:0 0 auto}.company-logo-wrap{width:4.5rem;height:4.5rem;border-radius:.85rem;background:linear-gradient(180deg,#ffffff,#f0eefc);border:1px solid rgba(255,255,255,.35);box-shadow:0 4px 14px rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;padding:.45rem}.company-logo-large{width:100%;height:100%;max-width:3.25rem;max-height:3.25rem;-o-object-fit:contain;object-fit:contain;display:block}.company-logo-placeholder{width:4.5rem;height:4.5rem;border-radius:.85rem;background:linear-gradient(135deg,#7b67fc,#5b4adb);color:#fff;font-size:1.65rem;font-weight:700;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.2)}.header-text{flex:1;min-width:0}.header-text h1{font-size:clamp(1.35rem,2.5vw,2rem);line-height:1.2;font-weight:700;margin:0;color:#fff;letter-spacing:-.02em}.header-title-suffix{font-weight:600;color:#a294f9;margin-left:.35rem;font-size:.92em}.header-subtitle{font-size:.95rem;line-height:1.45;max-width:42rem}.header-subtitle,.header-text p{color:#a0a0a5;margin:.55rem 0 .95rem}.header-text p{font-size:.98rem}.company-global-progress{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.global-progress-bar-bg{width:180px;height:7px;background:#555555;border-radius:999px;overflow:hidden}.global-progress-bar-fill{height:100%;background:linear-gradient(90deg,#8b7aff,#7b67fc);border-radius:999px}.progress-pct{font-size:.83rem;color:#a294f9;font-weight:600}.sticky-tabs{position:sticky;top:0;z-index:60;background:#1f1f2d;border:1px solid #555555;border-radius:.85rem;margin-bottom:1rem;padding:.2rem}.tab-list{display:flex;gap:.2rem;list-style:none;padding:0;margin:0;justify-content:flex-start;align-items:center}.tab-item{color:#a0a0a5;cursor:pointer;font-weight:600;font-size:.9rem;padding:.75rem .95rem;position:relative;border-radius:.6rem;white-space:nowrap;display:inline-flex;align-items:center;gap:.45rem}.tab-item-icon{flex-shrink:0;opacity:.85}.tab-item.active .tab-item-icon{color:#c4b5fd;opacity:1}.tab-item-label{line-height:1.2}.tab-item:hover{color:#fff;background:#2b2a3a}.tab-item.active{color:#fff;background:#2f2d42}.tab-indicator-underline{position:absolute;left:10px;right:10px;bottom:4px;height:2px;background:#7b67fc;border-radius:4px}.roadmap-timeline{display:flex;flex-direction:column;gap:1rem;position:relative;padding-left:1.5rem}.roadmap-timeline--empty{padding-left:0}.roadmap-timeline--empty:before{display:none}.roadmap-loading-msg{color:#a0a0a5;font-size:.95rem;margin:.5rem 0}.roadmap-empty-state{background:#252433;border:1px dashed rgba(123,103,252,.35);border-radius:.9rem;padding:1.75rem 1.5rem;text-align:center;max-width:32rem;margin:.5rem auto 0}.roadmap-empty-icon{color:#7b67fc;margin-bottom:.75rem;opacity:.9}.roadmap-empty-title{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:#f3f3f8}.roadmap-empty-copy{margin:0;font-size:.9rem;line-height:1.55;color:#a0a0a5}.roadmap-empty-copy strong{color:#cbc3ff;font-weight:600}.roadmap-timeline:before{content:"";position:absolute;left:.4rem;top:.3rem;bottom:.3rem;width:2px;background:#555555}.roadmap-step{position:relative;background:#292834;border:1px solid #555555;padding:1.05rem;border-radius:.85rem;cursor:default}.roadmap-step.interactive{cursor:pointer}.roadmap-step.interactive:hover{border-color:#7b67fc;background:#2f2d40}.roadmap-step:before{content:"";position:absolute;left:-1.42rem;top:1.2rem;width:10px;height:10px;border-radius:50%;background:#7b67fc;border:2px solid #1f1f2d}.step-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.65rem;margin-bottom:.55rem}.step-header h4{margin:0;font-size:1.04rem;color:#fff}.step-difficulty{font-size:.68rem;padding:.2rem .6rem;border-radius:999px;text-transform:uppercase;letter-spacing:.04em;font-weight:700;border:1px solid transparent}.diff-beginner{background:rgba(34,197,94,.14);color:#4ade80;border-color:rgba(34,197,94,.34)}.diff-intermediate{background:rgba(245,158,11,.14);color:#fbbf24;border-color:rgba(245,158,11,.34)}.diff-advanced{background:rgba(239,68,68,.14);color:#f87171;border-color:rgba(239,68,68,.34)}.roadmap-meta-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.roadmap-meta-left{gap:.75rem;min-width:0}.roadmap-meta-left,.roadmap-time{display:inline-flex;align-items:center}.roadmap-time{gap:.35rem;color:#d7d5e3;font-size:.95rem;font-weight:500;line-height:1}.roadmap-time svg{flex:0 0 auto;color:#a0a0a5}.roadmap-complete{display:inline-flex;align-items:center;gap:.3rem;color:#6ee7b7;font-size:.82rem;font-weight:600;line-height:1}.roadmap-actions{display:flex;gap:.55rem;flex-wrap:wrap}.learn-btn,.mark-complete-btn,.practice-now-btn,.solution-btn,.solve-btn,.start-practice-btn,.submit-btn{border:1px solid #555555;color:#fff;padding:.48rem .95rem;border-radius:.55rem;font-weight:600;font-size:.82rem;cursor:pointer;background:#3a3949}.learn-btn:hover,.solution-btn:hover{border-color:#7b67fc;background:#444258}.practice-now-btn,.solve-btn,.start-practice-btn,.submit-btn{border-color:#7b67fc;background:linear-gradient(90deg,#8b7aff,#7b67fc)}.practice-now-btn:hover,.solve-btn:hover,.start-practice-btn:hover,.submit-btn:hover{opacity:.92}.mark-complete-btn{border-color:#a294f9;background:linear-gradient(90deg,#a294f9,#7b67fc)}.mark-complete-btn:hover{opacity:.92}.roadmap-step-progress-container{width:100%;height:6px;background:#555555;border-radius:999px;margin-top:.8rem;overflow:hidden}.roadmap-step-progress-bar{height:100%;background:linear-gradient(90deg,#8b7aff,#7b67fc);border-radius:999px}.questions-section{background:#292834;border:1px solid #555555;border-radius:.9rem;padding:1rem}.filters-row{display:flex;align-items:center;gap:.65rem;margin:.15rem 0 .95rem}.questions-section .practice-search-bar{display:flex;align-items:center;height:45px;min-width:220px;flex:1;background:#1f1f2d!important;border:1px solid #555555;border-radius:.65rem}.questions-section .practice-search-bar:focus-within{border-color:#7b67fc;box-shadow:0 0 0 2px rgba(123,103,252,.2)}.questions-section .practice-search-bar .icon-container{padding-left:.85rem;display:flex;align-items:center}.questions-section .practice-search-bar .iconStyle{color:#a0a0a5}.questions-section .practice-search-bar .inputStyle{flex:1;width:100%;min-width:0;height:100%;padding:.65rem .85rem;background:transparent!important;border:none!important;color:#fff;font-size:.92rem;outline:none}.questions-section .practice-search-bar .inputStyle::-moz-placeholder{color:#a0a0a5}.questions-section .practice-search-bar .inputStyle::placeholder{color:#a0a0a5}.questions-section select.inputStyle{height:45px;min-width:150px;padding:0 2rem 0 .85rem;background:#1f1f2d!important;border:1px solid #555555!important;border-radius:.65rem;color:#fff;font-size:.9rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.7)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e")!important;background-repeat:no-repeat!important;background-position:right .65rem center!important;background-size:1rem!important}.questions-section .filter-select{width:160px;flex:0 0 160px}.questions-section select.inputStyle:focus{outline:none;border-color:#7b67fc!important;box-shadow:0 0 0 2px rgba(123,103,252,.2)}.questions-section select.inputStyle option{background:#292834;color:#fff}.questions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(295px,1fr));gap:.95rem;margin-top:1rem}.question-card{background:#252433;border:1px solid #555555;padding:.95rem .95rem .85rem;border-radius:.75rem;display:flex;flex-direction:column;gap:.25rem}.question-card:hover{border-color:#6a6891;background:#28273a}.card-header h4{margin:0;font-size:1.12rem;font-weight:600;line-height:1.35;color:#f3f3f8}.tag-list{display:flex;gap:.45rem;margin:.7rem 0 .55rem;flex-wrap:wrap}.tag-chip{background:rgba(123,103,252,.14);color:#cbc3ff;font-size:.7rem;font-weight:500;padding:.16rem .55rem;border-radius:.35rem;border:1px solid rgba(123,103,252,.26)}.lang-chip{background:rgba(59,130,246,.15);color:#93c5fd;border-color:rgba(59,130,246,.35)}.card-desc{color:#a0a0a5;font-size:.87rem;line-height:1.45;margin:.1rem 0 .8rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.star-hint-container{margin-top:.1rem;margin-bottom:.8rem;padding:.8rem;background:#2c2a3c;border:1px dashed #555555;border-radius:.6rem}.hint-toggle-btn{display:flex;align-items:center;gap:.45rem;color:#a294f9;background:transparent;border:none;font-weight:600;font-size:.85rem;cursor:pointer}.star-hint-content{font-size:.84rem;color:#d6d2e8;line-height:1.45;overflow:hidden;margin-top:.5rem}.hint-text{margin:0 0 .5rem}.star-item{font-size:.76rem;color:#a0a0a5;margin-bottom:.2rem}.star-item strong{color:#fff;margin-right:.35rem}.card-actions{margin-top:auto;display:flex;gap:.55rem}.card-actions button{flex:1;min-height:38px;border-radius:.5rem;font-size:.82rem;font-weight:600;letter-spacing:.01em}.question-card .solve-btn,.question-card .submit-btn{background:#7b67fc;border-color:#7b67fc;color:#fff}.question-card .solve-btn:hover,.question-card .submit-btn:hover{background:#6d5be6;border-color:#6d5be6;opacity:1}.question-card .solution-btn{background:#333246;border-color:#555555;color:#f1f1f6}.question-card .solution-btn:hover{background:#3a3950;border-color:#777488}.study-guide-container{background:#292834;border:1px solid #555555;border-radius:.9rem;padding:1rem}.back-to-roadmap{background:transparent;border:none;color:#a294f9;font-weight:600;cursor:pointer;margin-bottom:1.15rem;display:flex;align-items:center;gap:.45rem}.back-to-roadmap:hover{color:#b6abff}.study-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.65rem;margin-bottom:1rem;border-bottom:1px solid #555555;padding-bottom:.8rem}.study-header h2{font-size:1.45rem;margin:0;color:#fff}.study-section{margin-bottom:1.25rem}.study-section h3{font-size:1.02rem;margin-bottom:.7rem;color:#fff;display:flex;align-items:center}.study-section .text-muted{color:#a0a0a5!important}.study-section.docs p{color:#c7c5d1;line-height:1.55;font-size:.93rem;background:#232230;padding:.85rem .95rem;border-radius:.7rem;border:1px solid #555555;margin:0}.concept-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.75rem}.concept-card{background:#232230;border:1px solid #555555;padding:.85rem;border-radius:.7rem}.concept-card strong{display:block;font-size:.96rem;color:#fff;margin-bottom:.35rem}.concept-card p{font-size:.84rem;color:#a0a0a5;margin:0}.interactive-item{cursor:pointer}.interactive-item:hover{border-color:#7b67fc;background:#2c2a3d}.concept-card.expanded,.strategy-item.expanded{background:#2d2a42;border-color:#7b67fc}.expanded-detail{overflow:hidden}.detail-divider{height:1px;background:#555555;margin:.7rem 0}.full-explanation{color:#d8d5e9;line-height:1.5;font-size:.88rem;margin:0}.strategy-list{display:flex;flex-direction:column;gap:.75rem}.strategy-item{display:flex;gap:.75rem;align-items:flex-start;background:#232230;padding:.85rem;border-radius:.7rem;border:1px solid #555555}.strategy-number{background:#7b67fc;color:#fff;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;font-size:.78rem}.strategy-content strong{display:block;font-size:.95rem;margin-bottom:.2rem;color:#fff}.strategy-content p{font-size:.84rem;color:#a0a0a5;margin:0}.study-actions{display:flex;justify-content:flex-start;margin-top:.75rem;gap:12px;align-items:stretch;flex-wrap:wrap}.study-actions .mark-complete-btn,.study-actions .start-practice-btn{min-height:44px;padding:.48rem .95rem;border:1px solid #7b67fc;border-radius:.55rem;background:linear-gradient(90deg,#8b7aff,#7b67fc);color:#fff;font-weight:600;font-size:.82rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.study-actions .mark-complete-btn:hover,.study-actions .start-practice-btn:hover{opacity:.92}@media (max-width:1024px){.header-text h1{font-size:1.7rem}.tab-list{overflow-x:auto;overflow-y:hidden}}@media (max-width:768px){.company-detail-container{padding-bottom:.85rem}.detail-header{flex-direction:column;gap:.8rem;padding:1rem}.company-logo-placeholder,.company-logo-wrap{width:4rem;height:4rem}.company-logo-large{max-width:2.85rem;max-height:2.85rem}.header-text h1{font-size:1.45rem}.header-text p{font-size:.9rem}.global-progress-bar-bg{width:145px}.sticky-tabs{top:0;margin-bottom:.85rem}.tab-item{font-size:.84rem;padding:.65rem .8rem}.roadmap-timeline{padding-left:1.15rem}.roadmap-step:before{left:-1.08rem}.roadmap-meta-row{flex-direction:column;align-items:flex-start}.roadmap-meta-left{flex-wrap:wrap}.questions-section{padding:.85rem}.filters-row{flex-direction:column;gap:.6rem!important;margin-bottom:.75rem}.questions-section .practice-search-bar{min-width:100%;width:100%}.questions-section .filter-select{width:100%;flex:0 0 auto}.questions-grid{grid-template-columns:1fr;gap:.75rem}.card-actions,.study-header{flex-direction:column}.study-header{align-items:flex-start}.concept-grid{grid-template-columns:1fr}}