:root{--bg-panel:#0f172ab3;--primary:#00f3ff;--primary-glow:#00f3ff66;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--border-subtle:#ffffff1a;--danger:#ef4444;--success:#22c55e;--warn:#eab308;--panel-blur:blur(16px)}body{color:#f1f5f9;background-color:#0f172a;background-image:linear-gradient(#3b82f60d 1px,#0000 1px),linear-gradient(90deg,#3b82f60d 1px,#0000 1px);background-size:30px 30px;margin:0;padding:0;font-family:Inter,sans-serif}.page-title{color:#f1f5f9;text-align:center;letter-spacing:-.5px;margin-top:15px;margin-bottom:15px;font-size:2.2rem;font-weight:800}.text-center{text-align:center}.section-desc{color:#94a3b8;max-width:800px;margin-left:auto;margin-right:auto}.main-container{max-width:1200px;margin:0 auto;padding:20px}.calculator-wrapper{grid-template-columns:3fr 2fr;align-items:stretch;gap:30px;display:grid}.card{-webkit-backdrop-filter:var(--panel-blur);box-sizing:border-box;background:#1e293ba6;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;height:100%;padding:24px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px -5px #00000080,inset 0 1px #ffffff0d}.result-card{flex-direction:column;justify-content:center;align-items:center;display:flex;position:sticky;top:110px}.input-card:hover,.result-card:hover,.final-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0009}.card-header-cyan,.card-header-purple{color:var(--primary);text-transform:uppercase;letter-spacing:2px;margin-bottom:25px;font-size:.85rem;font-weight:800}@keyframes rowFadeIn{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.grade-header-grid,.grade-row{grid-template-columns:2fr 1fr 1fr 30px;align-items:center;gap:12px;margin-bottom:8px;display:grid}.grade-row{border:1px solid #0000;border-radius:8px;padding:4px;transition:background .3s,border-color .3s;animation:.3s cubic-bezier(.25,1,.5,1) forwards rowFadeIn}.grade-row.row-excellent{background:#22c55e1a;border-color:#22c55e33}.grade-row.row-good{background:#3b82f61a;border-color:#3b82f633}.grade-row.row-warning{background:#eab3081a;border-color:#eab30833}.grade-row.row-danger{background:#ef44441a;border-color:#ef444433}.final-inputs-grid{grid-template-columns:2fr 1fr 1fr 30px;gap:12px;margin-bottom:20px;display:grid}.final-inputs-grid .input-group:first-child{grid-column:1/2}.final-inputs-grid .input-group:nth-child(2){grid-column:2/4}.final-card{box-shadow:none;background:0 0;border:none;border-top:1px solid #ffffff1a;margin-top:20px;padding:25px 0 0}.btn-add{background:var(--primary);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:8px;width:100%;padding:12px;font-size:.9rem;font-weight:700;transition:all .2s;box-shadow:0 4px 6px -1px #00f3ff4d}.btn-add:hover{background:var(--primary-hover,#00d4e0);transform:translateY(-1px);box-shadow:0 6px 8px -1px #00f3ff66}.glass-input{-webkit-backdrop-filter:blur(8px);color:var(--text-primary);background:#0f172a99;border:1px solid #ffffff1a;border-radius:8px;padding:10px 12px;transition:all .3s cubic-bezier(.16,1,.3,1)}.glass-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);background:#0f172acc;outline:none}select.glass-input{cursor:pointer}input{color:#f1f5f9;box-sizing:border-box;background:#334155;border:1px solid #475569;border-radius:6px;width:100%;padding:8px;font-size:.95rem;transition:all .2s}input:focus{border-color:#00f3ff;outline:none;box-shadow:0 0 8px #00f3ff66}.big-number-label{color:#ccc;letter-spacing:1px;font-size:.9rem}.big-number{color:#fff;margin:5px 0;font-size:2.5rem;font-weight:900}.revenue-label{color:#00f3ff;font-size:1.1rem;font-weight:600}.chart-container{width:100%;height:220px;margin-top:15px}.summary-table{border-top:1px solid #333;margin-top:auto;padding-top:10px}.table-row{color:#ccc;justify-content:space-between;margin-bottom:5px;font-size:.9rem;display:flex}.faq-section{max-width:900px;margin:80px auto 100px;padding:0 30px}.faq-header{text-align:center;letter-spacing:3px;color:#94a3b8;text-transform:uppercase;margin-bottom:12px;font-size:1.1rem;font-weight:800}.faq-divider{width:100%;max-width:150px;height:1px;box-shadow:none;background:linear-gradient(90deg,#0000 0%,#00f3ffcc 50%,#0000 100%);margin:0 auto 40px}details.faq-item{backdrop-filter:blur(12px);background:#1e293b66;border:1px solid #ffffff0d;border-radius:12px;margin-bottom:15px;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}details.faq-item:hover{background:#1e293b99;border-color:#00f3ff4d;transform:translateY(-2px)}details.faq-item[open]{border-color:var(--primary);background:#1e293bcc;box-shadow:0 10px 40px #0006}summary{cursor:pointer;color:#f1f5f9;justify-content:space-between;align-items:center;padding:24px 28px;font-size:1.1rem;font-weight:600;list-style:none;transition:color .2s;display:flex}summary::-webkit-details-marker{display:none}summary:after{content:"+";color:var(--primary);font-size:1.6rem;font-weight:300;transition:transform .3s,color .3s}details[open] summary{color:var(--primary);border-bottom:1px solid #ffffff0d}details[open] summary:after{content:"−";color:var(--primary);transform:rotate(180deg)}details p{color:#94a3b8;margin:0;padding:24px 28px;font-size:1rem;line-height:1.8;animation:.4s ease-out slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.calculator-wrapper{grid-template-columns:minmax(0,1fr);overflow:hidden}.result-card{margin-top:20px;position:static}.card{box-sizing:border-box;width:100%}}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;appearance:textfield}.stats-footer{border-top:1px solid #bc13fe4d;gap:15px;margin-top:auto;padding-top:15px;display:flex}.stat-box{text-align:center;background:#bc13fe0d;border-radius:8px;flex-direction:column;flex:1;gap:5px;padding:10px;display:flex}.stat-label{color:#aaa;text-transform:uppercase;letter-spacing:.5px;font-size:.8rem}.stat-value{color:#fff;text-shadow:0 0 5px #bc13fe80;font-size:1.2rem;font-weight:800}.mode-toggle-container{z-index:1;background:#0000004d;border:1px solid #ffffff1a;border-radius:30px;align-items:center;gap:0;min-width:160px;padding:4px;font-size:.85rem;display:flex;position:relative;box-shadow:inset 0 2px 5px #00000080}.mode-toggle-slider{background:var(--primary);z-index:-1;border-radius:20px;width:calc(50% - 4px);height:calc(100% - 8px);transition:transform .3s cubic-bezier(.25,1,.5,1);position:absolute;top:4px;left:4px;box-shadow:0 0 10px #00f3ff80}.mode-toggle-container.points-active .mode-toggle-slider{transform:translate(100%)}.mode-option{cursor:pointer;color:#94a3b8;text-align:center;border-radius:20px;flex:1;padding:6px 16px;font-weight:600;transition:color .3s}.mode-option:hover{color:#fff}.mode-option.active{color:#fff;text-shadow:0 1px 2px #00000080}.row-remove{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.row-remove:hover{color:#ef4444;background:#ef44441a}.mode-sep{color:#444}.final-goal-table{border-collapse:collapse;width:100%;margin-top:10px}.final-goal-table th,.final-goal-table td{text-align:left;color:#ccc;border-bottom:1px solid #ffffff0d;padding:8px;font-size:.9rem}.final-goal-table th{color:#00f3ff;text-transform:uppercase;font-size:.8rem;font-weight:600}.final-goal-table td:last-child{text-align:right;color:#fff;font-weight:700}.grade-scale-table{border-collapse:collapse;width:100%;margin-top:5px}.grade-scale-table td{color:#888;border-bottom:1px solid #ffffff08;padding:6px 10px;font-size:.85rem}.grade-scale-table tr:last-child td{border-bottom:none}.grade-scale-table tr.active{border-left:3px solid var(--primary);background:#00f3ff1a}.grade-scale-table tr.active td{color:#fff;font-weight:700}[data-theme=light]{--bg-dark:#e8edf5;--bg-page:#e8edf5;--bg-panel:#fff;--bg-card:#fff;--bg-input:#e2e8f0;--text-primary:#0f172a;--text-main:#0f172a;--text-secondary:#334155;--text-dim:#334155;--text-muted:#475569;--primary:#0e7490;--primary-glow:#0e749033;--cyan:#0e7490;--purple:#7c3aed;--border-subtle:#0000001f;--border:#00000026;--shadow-card:0 2px 8px #00000014;--danger:#dc2626;--success:#059669;--warn:#b45309}[data-theme=light] body{color:#0f172a;background-color:#e8edf5;background-image:none}[data-theme=light] input,[data-theme=light] select{color-scheme:light}[data-theme=light] .dashboard-card,[data-theme=light] .card{color:#0f172a;background:#fff;border-color:#0000001f;box-shadow:0 2px 8px #00000014}[data-theme=light] .input-card:hover,[data-theme=light] .result-card:hover,[data-theme=light] .final-card:hover{box-shadow:0 4px 16px #0000001a}[data-theme=light] .card-header-cyan,[data-theme=light] .card-header-purple{color:#0e7490}[data-theme=light] .result-card{background:#fff;border-color:#0000001f}[data-theme=light] .page-title,[data-theme=light] .section-title{color:#0f172a}[data-theme=light] .section-desc{color:#475569}[data-theme=light] .mode-toggle-container{background:#e2e8f0;border-color:#0000001f;box-shadow:inset 0 1px 3px #00000014}[data-theme=light] .mode-toggle-slider{background:#0e7490;box-shadow:0 0 8px #0e74904d}[data-theme=light] .mode-option{color:#475569}[data-theme=light] .mode-option:hover{color:#0f172a}[data-theme=light] .mode-option.active{color:#fff}[data-theme=light] .input-group label{color:#334155}[data-theme=light] .input-group input,[data-theme=light] .input-group select,[data-theme=light] .glass-input{color:#0f172a;background:#e2e8f0;border-color:#00000026}[data-theme=light] .glass-input:focus{background:#fff;border-color:#0e7490;box-shadow:0 0 0 3px #0e749026}[data-theme=light] input{color:#0f172a;background:#e2e8f0;border-color:#00000026}[data-theme=light] input:focus{border-color:#0e7490;box-shadow:0 0 8px #0e749033}[data-theme=light] .grade-header-grid{color:#475569}[data-theme=light] .grade-row{background:#f0f4f9;border-color:#00000014}[data-theme=light] .grade-row input{color:#0f172a;background:#e2e8f0;border-color:#00000026}[data-theme=light] .grade-row.row-excellent{background:#22c55e14;border-color:#22c55e33}[data-theme=light] .grade-row.row-good{background:#0e749014;border-color:#0e749033}[data-theme=light] .grade-row.row-warning{background:#eab30814;border-color:#eab30833}[data-theme=light] .grade-row.row-danger{background:#ef444414;border-color:#ef444433}[data-theme=light] .big-number{color:#0f172a}[data-theme=light] .big-number-label{color:#475569}[data-theme=light] .revenue-label{color:#0e7490}[data-theme=light] .result-value{color:#0f172a}[data-theme=light] .result-label{color:#475569}[data-theme=light] .stat-card{background:#fff;border-color:#0000001f}[data-theme=light] .stat-label{color:#475569}[data-theme=light] .stat-value{color:#0f172a;text-shadow:none}[data-theme=light] .stat-box{background:#edf2f9}[data-theme=light] .stats-footer{border-top-color:#0000001a}[data-theme=light] .btn-add{color:#fff;background:#0e7490;box-shadow:0 4px 6px -1px #0e74904d}[data-theme=light] .btn-add:hover{background:#0c6980;box-shadow:0 6px 8px -1px #0e749066}[data-theme=light] .add-btn{color:#334155;background:#e2e8f0}[data-theme=light] .add-btn:hover{background:#dbe1ea}[data-theme=light] .row-remove{color:#64748b}[data-theme=light] .row-remove:hover{color:#dc2626;background:#dc26260f}[data-theme=light] .remove-btn{color:#dc2626}[data-theme=light] .action-btn{color:#334155;background:#fff;border-color:#00000026}[data-theme=light] .action-btn:hover{background:#f1f5f9}[data-theme=light] .grade-scale-table td{color:#334155;border-bottom-color:#0000000f}[data-theme=light] .grade-scale-table tr.active{background:#0e749014;border-left-color:#0e7490}[data-theme=light] .grade-scale-table tr.active td{color:#0f172a}[data-theme=light] .final-goal-table th{color:#0e7490}[data-theme=light] .final-goal-table td{color:#334155;border-bottom-color:#0000000f}[data-theme=light] .final-goal-table td:last-child{color:#0f172a}[data-theme=light] .final-card,[data-theme=light] .summary-table{border-top-color:#0000001a}[data-theme=light] .table-row{color:#334155}[data-theme=light] .faq-header{color:#0f172a}[data-theme=light] .faq-divider{background:linear-gradient(90deg,#0000 0%,#0e749099 50%,#0000 100%)}[data-theme=light] details.faq-item{background:#fff;border-color:#0000001a}[data-theme=light] details.faq-item:hover{background:#fff;border-color:#0e74904d;transform:none}[data-theme=light] details.faq-item[open]{background:#0e74900a;border-color:#0e7490;box-shadow:0 4px 16px #0000000f}[data-theme=light] summary{color:#0f172a}[data-theme=light] summary:after{color:#0e7490}[data-theme=light] details[open] summary{color:#0e7490;border-bottom-color:#0000000f}[data-theme=light] details p{color:#475569}[data-theme=light] .how-to-card,[data-theme=light] .faq-item{color:#0f172a;background:#fff;border-color:#00000014}[data-theme=light] .faq-question{color:#0f172a}[data-theme=light] .faq-answer,[data-theme=light] .breadcrumb{color:#475569}[data-theme=light] .breadcrumb a:hover{color:#0e7490}[data-theme=light] .mobile-nav{background:#fffffffa;border-top:1px solid #0000001f}[data-theme=light] .mobile-nav .nav-link{color:#334155}[data-theme=light] #gpa-summary-chip{color:#0f172a!important;background:#fff!important;border-color:#0000001f!important}[data-theme=light] #gpa-summary-chip span{color:#475569!important}[data-theme=light] #cumulative-gpa-val{color:#059669!important}[data-theme=light] .mode-sep{color:#cbd5e1}.how-it-works-final{max-width:1200px;margin:40px auto 30px;padding:0 20px}.how-it-works-final .professional-header{text-align:center;letter-spacing:5px;color:var(--primary);text-transform:uppercase;margin-bottom:12px;font-size:1rem;font-weight:900}.header-divider{background:var(--primary);border-radius:2px;width:60px;height:3px;margin:0 auto 30px}.onboarding-grid-final{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.onboarding-card-final{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:12px;padding:30px;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.onboarding-card-final:hover{border-color:var(--primary);background:#00f3ff1a;transform:translateY(-8px)}.step-indicator{color:#00f3ff1a;font-family:Inter,monospace;font-size:3rem;font-weight:900;line-height:1;position:absolute;top:10px;right:20px}.card-title-final{color:var(--text-primary);margin-bottom:12px;font-size:1.1rem;font-weight:700;position:relative}.card-body-final{color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.6}[data-theme=light] .onboarding-card-final{background:#fff;border-color:#0000001f;box-shadow:0 1px 4px #0000000f}[data-theme=light] .onboarding-card-final:hover{background:#0e74900d;border-color:#0e7490;transform:translateY(-4px)}[data-theme=light] .step-indicator{color:#0e74901a}[data-theme=light] .card-title-final{color:#0f172a}[data-theme=light] .card-body-final{color:#475569}[data-theme=light] .how-it-works-final .professional-header{color:#0e7490}[data-theme=light] .header-divider{background:#0e7490}@media (width<=900px){.onboarding-grid-final{grid-template-columns:1fr}}