@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes super-pulse{0%{box-shadow:0 0 20px #10b9814d;border-color:#34d39980}50%{box-shadow:0 0 50px #10b98199;border-color:#34d399}to{box-shadow:0 0 20px #10b9814d;border-color:#34d39980}}.vs-tabs{display:none;gap:0;margin-bottom:1.5rem;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.vs-tab{flex:1;padding:.85rem 1rem;border:none;background:#1e293b80;color:#94a3b8;font-family:Heebo,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.vs-tab.active{background:#0ea5e926;color:#0ea5e9;box-shadow:inset 0 -2px #0ea5e9}.vs-compare-table{border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#1e293b4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.vs-row{display:grid;grid-template-columns:1fr 1fr 1fr;transition:background .2s ease}.vs-row:not(.vs-row-header):hover{background:#ffffff08}.vs-row:not(:last-child){border-bottom:1px solid rgba(255,255,255,.05)}.vs-row-header{background:#0f172acc}.vs-cell{padding:1rem 1.25rem;font-size:.95rem;color:#e2e8f0;line-height:1.5}.vs-cell.vs-label{font-weight:600;color:#94a3b8;font-size:.9rem}.vs-row-header .vs-cell{font-weight:700;color:#fff;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;padding:.85rem 1.25rem}.vs-row-header .vs-handesai{color:#10b981}.vs-row-header .vs-degree{color:#94a3b8}.vs-timeline{display:flex;flex-direction:column;gap:0}.tl-year{display:grid;grid-template-columns:60px 1fr 1fr;gap:1rem;padding:1.25rem 0;border-bottom:1px solid rgba(255,255,255,.05);opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.tl-year.tl-visible{opacity:1;transform:translateY(0)}.tl-year:nth-child(1){transition-delay:0s}.tl-year:nth-child(2){transition-delay:.1s}.tl-year:nth-child(3){transition-delay:.2s}.tl-year:nth-child(4){transition-delay:.3s}.tl-year:nth-child(5){transition-delay:.4s}.tl-age{font-size:1.5rem;font-weight:900;color:#475569;display:flex;align-items:center;justify-content:center}.tl-year.tl-visible .tl-age{color:#94a3b8}.tl-track{padding:1rem 1.25rem;border-radius:12px;background:#1e293b66;border:1px solid rgba(255,255,255,.05);transition:all .4s ease;display:flex;justify-content:space-between;align-items:center}.tl-track.tl-working.tl-handesai{background:#10b9811a;border-color:#10b9814d}.tl-track.tl-working.tl-degree{background:#0ea5e914;border-color:#0ea5e933}.tl-track.tl-senior{background:linear-gradient(135deg,#10b98126,#10b9810d);border-color:#10b98180;box-shadow:0 4px 20px #10b9811a}.tl-status{font-size:.95rem;font-weight:500;color:#e2e8f0}.tl-salary{font-weight:700;font-size:.95rem;color:#64748b}.tl-working .tl-salary{color:#10b981}.tl-totals{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.tl-total-card{padding:1.25rem;border-radius:12px;text-align:center}.tl-total-handesai{background:#10b9811a;border:1px solid rgba(16,185,129,.3)}.tl-total-degree{background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.tl-total-label{font-size:.8rem;color:#94a3b8;margin-bottom:.5rem}.tl-total-amount{font-size:1.5rem;font-weight:900;color:#fff}.tl-total-handesai .tl-total-amount{color:#10b981}.tl-gap-banner{grid-column:1 / -1;margin-top:.5rem;padding:1rem;background:linear-gradient(90deg,#10b981,#059669);border-radius:12px;color:#fff;font-weight:700;font-size:1.2rem;text-align:center;box-shadow:0 8px 25px #10b98140}#tl-gap{font-size:1.4rem;font-weight:900}.roi-section{padding:5rem 0;background:#0f172a80}.roi-card{background:#1e293b99;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:3rem;text-align:center;max-width:800px;margin:0 auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.calculator-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:3rem;text-align:right}.calc-inputs{display:flex;flex-direction:column;gap:1.5rem}.slider{width:100%;accent-color:#0ea5e9;height:8px;background:#ffffff1a;border-radius:4px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:#0ea5e9;cursor:pointer;box-shadow:0 0 10px #0ea5e966;transition:transform .2s ease}.slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.val-display{font-size:1.5rem;font-weight:700;color:#0ea5e9}.result-box{background:#0000004d;padding:1.5rem;border-radius:12px;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.positive{color:#10b981;font-weight:700;font-size:1.2rem}.negative{color:#ef4444;font-weight:700;font-size:1.2rem}.gap-display{margin-top:2rem;padding:1rem;background:linear-gradient(90deg,#10b981,#059669);border-radius:12px;color:#fff;font-weight:700;font-size:1.3rem;text-align:center;box-shadow:0 10px 25px #10b9814d}.vs-quotes-carousel{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.vs-quote-card{background:#1e293b80;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.vs-quote-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0000004d}.vs-quote-avatar{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-bottom:1rem}.vs-quote-text{color:#e2e8f0;font-size:.95rem;line-height:1.7;margin:0 0 1rem;font-style:italic}.vs-quote-source{font-size:.8rem;color:#64748b;font-weight:500}.vs-faq{display:flex;flex-direction:column;gap:.75rem}.faq-item{background:#1e293b66;border:1px solid rgba(255,255,255,.06);border-radius:14px;overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease}.faq-item.open{border-color:#0ea5e94d;box-shadow:0 4px 20px #0ea5e914}.faq-question{width:100%;padding:1.15rem 1.5rem;border:none;background:none;color:#e2e8f0;font-family:Heebo,sans-serif;font-size:1rem;font-weight:600;text-align:right;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:48px;transition:color .2s ease}.faq-question:hover{color:#0ea5e9}.faq-icon{font-size:1.4rem;font-weight:300;color:#64748b;transition:transform .3s ease;flex-shrink:0}.faq-item.open .faq-icon{transform:rotate(45deg);color:#0ea5e9}.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .3s ease;padding:0 1.5rem}.faq-item.open .faq-answer{max-height:300px;padding:0 1.5rem 1.25rem}.faq-answer p{color:#94a3b8;font-size:.95rem;line-height:1.7;margin:0}.vs-cta-btn{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1.05rem;font-weight:600;font-family:Heebo,sans-serif;border-radius:12px;text-decoration:none;transition:all .3s ease;cursor:pointer}.vs-cta-primary{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:none;box-shadow:0 4px 15px #0ea5e94d}.vs-cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0ea5e966}.vs-cta-outline{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.2)}.vs-cta-outline:hover{border-color:#fff6;background:#ffffff0d;transform:translateY(-2px)}.vs-cta-ghost{background:transparent;color:#94a3b8;border:none}.vs-cta-ghost:hover{color:#0ea5e9;transform:translateY(-2px)}@media(max-width:768px){.vs-tabs{display:flex}.vs-row{grid-template-columns:1fr 1fr}.vs-row-header .vs-handesai,.vs-row-header .vs-degree{display:none}.vs-row-header{grid-template-columns:1fr}.vs-cell{padding:.85rem 1rem;font-size:.9rem}.tl-year{grid-template-columns:50px 1fr;gap:.75rem}.tl-track.tl-degree{grid-column:2}.tl-track{padding:.85rem 1rem;flex-direction:column;align-items:flex-start;gap:.25rem}.tl-age{font-size:1.2rem;grid-row:span 2}.tl-totals,.calculator-grid{grid-template-columns:1fr}.roi-card{padding:2rem 1.25rem}.vs-quotes-carousel{grid-template-columns:1fr;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:1rem;padding-bottom:.5rem;-webkit-overflow-scrolling:touch}.vs-quote-card{min-width:85vw;scroll-snap-align:center;flex-shrink:0}.vs-cta-btn{width:100%;justify-content:center}}.timeline-war-section{padding:5rem 0}.war-timeline{display:flex;flex-direction:column;gap:1rem;max-width:900px;margin:0 auto}.war-year{display:grid;grid-template-columns:80px 1fr 1fr;gap:1rem;align-items:center}.year-label{font-weight:700;color:#64748b;text-align:center}.track-degree,.track-handesai{padding:1.5rem;border-radius:12px;font-weight:500;transition:transform .3s}.track-degree{background:#ffffff08;border:1px dashed #475569;color:#94a3b8}.track-handesai{background:#10b9811a;border:1px solid rgba(16,185,129,.4);color:#ecfdf5}.box-shadow-glow{position:relative;z-index:2}.box-shadow-glow .track-handesai{background:linear-gradient(135deg,#10b981,#047857);color:#fff;font-weight:800;border:1px solid #34d399;animation:super-pulse 2s infinite ease-in-out}.victory-mode .side-degree{flex:0 0 0!important;width:0!important;opacity:0;padding:0!important;overflow:hidden;transition:all .8s ease-in-out}.victory-mode .side-handesai{flex:10!important;width:100%!important;transition:all .8s ease-in-out}.victory-mode .battle-vs-badge{transform:scale(0) rotate(180deg)!important;opacity:0;transition:all .5s ease-in}@media(max-width:768px){.war-year{grid-template-columns:1fr;border-left:2px solid #334155;padding-left:1rem;position:relative}}.decision-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;align-items:stretch;max-width:1000px;margin:0 auto;position:relative}.decision-card{background:#1e293b66;border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:2.5rem;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease}.decision-card.academic{border-top:4px solid #94a3b8}.decision-card.practical{background:linear-gradient(145deg,#1e293b99,#10b9811a);border:1px solid rgba(16,185,129,.3);border-top:4px solid #10b981;box-shadow:0 10px 30px #10b9810d}.decision-card:hover{transform:translateY(-5px)}.decision-card.practical:hover{box-shadow:0 15px 40px #10b98126}.card-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.05)}.card-header .icon{font-size:3rem;margin-bottom:1rem;display:inline-block}.card-header h3{font-size:1.5rem;color:#fff;margin-bottom:.5rem}.card-header .badge{font-size:.85rem;padding:4px 12px;border-radius:20px;background:#ffffff1a;color:#cbd5e1;display:inline-block}.card-header .badge.recommendation{background:#10b98133;color:#34d399;font-weight:600}.criteria-list{list-style:none;padding:0;margin:0;flex-grow:1}.criteria-list li{display:flex;gap:1rem;margin-bottom:1.5rem;align-items:flex-start}.criteria-list .bullet{font-size:1.2rem;background:#ffffff08;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;flex-shrink:0}.criteria-list .text strong{display:block;color:#f1f5f9;font-size:1rem;margin-bottom:.2rem}.criteria-list .text p{font-size:.85rem;color:#94a3b8;line-height:1.4;margin:0}.vs-badge-center{display:flex;align-items:center;justify-content:center;font-weight:900;color:#fff3;font-style:italic;font-size:1.5rem}.card-footer{text-align:center;margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.05)}.text-link{color:#34d399;font-size:.9rem;text-decoration:none;font-weight:500;transition:color .2s}.text-link:hover{color:#10b981}@media(max-width:768px){.decision-grid{grid-template-columns:1fr;gap:2rem;padding:0 1rem;width:100%}.vs-badge-center{display:none}.decision-card{padding:2rem 1.5rem;width:100%}.card-header .icon{font-size:3rem}.criteria-list li{margin-bottom:1.2rem}.decision-card.academic{border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:2rem;position:relative}.decision-card.academic:after{content:"VS";position:absolute;bottom:-2.2rem;left:50%;transform:translate(-50%);background:var(--color-bg-primary);color:#64748b;font-weight:900;padding:.5rem;font-size:1.2rem;border-radius:50%;border:1px solid rgba(255,255,255,.1)}}
