@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@400;500;600;700;800&display=swap";:root{--primary-color:#2b6777;--primary-hover:#1f4f5d;--secondary-color:#c8d8e4;--success-color:#52ab98;--success-hover:#3d8b7a;--danger-color:#dc3545;--text-color:#222;--text-muted:#5c636a;--bg-color:#fff;--bg-alt:#f2f2f2;--card-bg:#fff;--border-color:#dee2e6;--navbar-bg:#2b6777;--navbar-text:#fff;--footer-bg:#52ab98;--hero-bg:#c8d8e4;--hero-text:#222;--font-sans:"Inter", sans-serif;--font-title:"Poppins", sans-serif;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 4px 12px #2b677714;--shadow-lg:0 10px 25px #2b677726;--border-radius:12px;--transition-speed:.3s;--glass-bg:#ffffffd9;--glass-border:#fff6}[data-theme=dark]{--primary-color:#3b879c;--primary-hover:#2b6777;--secondary-color:#24353d;--success-color:#52ab98;--success-hover:#67c2af;--text-color:#e9ecef;--text-muted:#a5b1bd;--bg-color:#12181b;--bg-alt:#1a2226;--card-bg:#1c272c;--border-color:#2b3940;--navbar-bg:#1a3e47;--footer-bg:#2d6358;--hero-bg:#1c2e36;--hero-text:#fff;--shadow-sm:0 2px 4px #0003;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 10px 25px #00000073;--glass-bg:#1c272cd9;--glass-border:#ffffff0d}body{font-family:var(--font-sans);color:var(--text-color);background-color:var(--bg-color);transition:background-color var(--transition-speed), color var(--transition-speed);padding-top:70px;position:relative;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);color:var(--text-color);font-weight:600}p,ul,ol{font-size:1.05rem;line-height:1.6}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-alt)}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--primary-hover)}.navbar-custom{background-color:var(--navbar-bg);box-shadow:var(--shadow-sm);transition:background-color var(--transition-speed), box-shadow var(--transition-speed);padding:.8rem 1rem}.navbar-custom.scrolled{box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#2b6779f2}[data-theme=dark] .navbar-custom.scrolled{background-color:#1a3e47f2}.navbar-custom .navbar-brand{font-family:var(--font-title);color:var(--navbar-text);align-items:center;gap:.5rem;font-size:1.4rem;font-weight:700;display:flex}.navbar-custom .nav-link{transition:color var(--transition-speed), background-color var(--transition-speed), transform var(--transition-speed);border-radius:6px;font-weight:500;display:inline-block;color:#ffffffd9!important;padding:.5rem 1rem!important}.navbar-custom .nav-link:hover{background-color:#ffffff1f;transform:translateY(-1px);color:var(--navbar-text)!important}.navbar-custom .nav-link.active{background-color:#ffffff2e;box-shadow:inset 0 1px 3px #0000001a;color:var(--navbar-text)!important}.btn-primary{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff;border-radius:var(--border-radius);transition:transform .4s cubic-bezier(.165, .84, .44, 1), box-shadow .4s cubic-bezier(.165, .84, .44, 1), background-color var(--transition-speed), border-color var(--transition-speed);padding:.6rem 1.5rem;font-weight:500;box-shadow:0 4px 10px #2b677726}.btn-primary:hover,.btn-primary:focus{background-color:var(--primary-hover);border-color:var(--primary-hover);color:#fff;transform:translateY(-3px);box-shadow:0 8px 20px #2b67774d}.btn-success{background-color:var(--success-color);border-color:var(--success-color);color:#222;border-radius:var(--border-radius);transition:transform .4s cubic-bezier(.165, .84, .44, 1), box-shadow .4s cubic-bezier(.165, .84, .44, 1), background-color var(--transition-speed), border-color var(--transition-speed), color var(--transition-speed);padding:.6rem 1.5rem;font-weight:500;box-shadow:0 4px 10px #52ab9826}.btn-success:hover,.btn-success:focus{background-color:var(--success-hover);border-color:var(--success-hover);color:#fff;transform:translateY(-3px);box-shadow:0 8px 20px #52ab984d}.btn-outline-primary{color:var(--primary-color);border-color:var(--primary-color);border-radius:var(--border-radius);transition:transform .4s cubic-bezier(.165, .84, .44, 1), box-shadow .4s cubic-bezier(.165, .84, .44, 1), background-color var(--transition-speed), color var(--transition-speed);padding:.6rem 1.5rem;font-weight:500;box-shadow:0 2px 5px #2b67770d}.btn-outline-primary:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-3px);box-shadow:0 8px 20px #2b677733}.theme-toggle-btn{color:#fff;cursor:pointer;transition:background-color var(--transition-speed);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;font-size:1.25rem;display:flex}.theme-toggle-btn:hover{background-color:#ffffff1a}.hero-section{background-color:var(--hero-bg);color:var(--hero-text);transition:background-color var(--transition-speed), color var(--transition-speed);padding:5rem 0 7.5rem;position:relative;overflow:hidden}.custom-shape-divider-bottom{z-index:10;width:100%;line-height:0;position:absolute;bottom:-1px;left:0;overflow:hidden;transform:rotate(180deg)}.custom-shape-divider-bottom svg{width:calc(100% + 1.3px);height:60px;display:block;position:relative}.custom-shape-divider-bottom .shape-fill{fill:var(--bg-color);transition:fill var(--transition-speed)}.hero-section:after{content:"";pointer-events:none;background:radial-gradient(circle at 80% 20%,#ffffff4d 0%,#0000 60%);width:100%;height:100%;position:absolute;top:0;left:0}[data-theme=dark] .hero-section:after{background:radial-gradient(circle at 80% 20%,#52ab9826 0%,#0000 60%)}.hero-title{font-size:3rem;font-weight:800;line-height:1.2;font-family:var(--font-title);margin-bottom:1.5rem}.hero-subtitle{opacity:.9;margin-bottom:2rem;font-size:1.25rem}.hero-img-container{justify-content:center;align-items:center;display:flex}.hero-img-container svg{filter:drop-shadow(0 10px 20px #00000026);max-width:100%;height:auto}.card-custom{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);transition:transform .4s cubic-bezier(.165, .84, .44, 1), box-shadow .4s cubic-bezier(.165, .84, .44, 1), border-color .4s ease, background-color var(--transition-speed);height:100%;overflow:hidden}.card-custom:hover{border-color:var(--success-color);transform:translateY(-7px);box-shadow:0 12px 28px #2b67771f}[data-theme=dark] .card-custom:hover{border-color:var(--primary-color);box-shadow:0 12px 28px #00000059}.card-custom-header{border-bottom:1px solid var(--border-color);background-color:#2b677708;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.card-custom-body{padding:1.5rem}.section-alt{background-color:var(--bg-alt);transition:background-color var(--transition-speed);padding:4.5rem 0}.section-normal{padding:4.5rem 0}.section-title{text-align:center;margin-bottom:3.5rem;font-weight:700;position:relative}.section-title:after{content:"";background-color:var(--success-color);border-radius:2px;width:60px;height:4px;position:absolute;bottom:-12px;left:50%;transform:translate(-50%)}.theory-card{border-left:5px solid var(--primary-color);margin-bottom:2rem}.theory-card h3{margin-bottom:1rem;font-weight:600}.theory-tab-content{padding:1.5rem 0}.table-custom{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}.table-custom th{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color);font-weight:600}.table-custom td,.table-custom th{border-color:var(--border-color);padding:.8rem 1rem}.table-custom tr:nth-child(2n){background-color:#2b677705}.form-label{margin-bottom:.5rem;font-weight:500}.form-control,.form-select{border:1px solid var(--border-color);background-color:var(--bg-color);color:var(--text-color);transition:border-color var(--transition-speed), box-shadow var(--transition-speed);border-radius:8px;padding:.65rem .85rem}.form-control:focus,.form-select:focus{border-color:var(--primary-color);background-color:var(--bg-color);color:var(--text-color);box-shadow:0 0 0 .25rem #2b677726}.form-check-input:checked{background-color:var(--primary-color);border-color:var(--primary-color)}.dynamic-table-container{border:1px solid var(--border-color);border-radius:8px;max-height:350px;overflow-y:auto}.table-editor{margin-bottom:0}.table-editor input{border-radius:4px;padding:.4rem .6rem}.problem-statement-card{border:1px solid var(--border-color);border-radius:var(--border-radius);background:linear-gradient(135deg,#2b67770d,#52ab980d);margin-bottom:1.5rem;padding:1.5rem;transition:transform .4s cubic-bezier(.165,.84,.44,1),box-shadow .4s cubic-bezier(.165,.84,.44,1),border-color .4s;position:relative;overflow:hidden}.problem-statement-card:before{content:"";background:linear-gradient(to bottom, var(--primary-color), var(--success-color));width:4px;height:100%;position:absolute;top:0;left:0}.problem-statement-card:hover{box-shadow:var(--shadow-md);border-color:#52ab9859;transform:translateY(-2px)}.solution-step{border-left:3px solid var(--success-color);border-radius:0 8px 8px 0;margin-bottom:2rem;padding-left:1.25rem;transition:border-left-width .2s,padding-left .2s,background-color .3s;position:relative}.solution-step:hover{background-color:#52ab9805;border-left-width:6px;padding-left:1.0625rem}[data-theme=dark] .solution-step:hover{background-color:#52ab980a}.solution-step-number{background-color:var(--success-color);color:#222;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;font-weight:700;transition:transform .2s;display:flex;position:absolute;top:0;left:-13px}.solution-step:hover .solution-step-number{transform:scale(1.15)}.math-display-container{background-color:var(--bg-alt);border:1px solid var(--border-color);border-radius:8px;margin:1rem 0;padding:1rem;overflow-x:auto}.graph-container{border-radius:var(--border-radius);border:1px solid var(--border-color);background-color:var(--card-bg);width:100%;height:450px;overflow:hidden}.metric-card{text-align:center;border-radius:var(--border-radius);background-color:var(--bg-alt);border:1px solid var(--border-color);transition:transform .4s cubic-bezier(.165, .84, .44, 1), border-color .4s ease, box-shadow .4s cubic-bezier(.165, .84, .44, 1), background-color var(--transition-speed);padding:1.25rem}.metric-card:hover{border-color:var(--primary-color);background-color:var(--card-bg);box-shadow:var(--shadow-md);transform:translateY(-4px)}.metric-value{color:var(--primary-color);margin-bottom:.25rem;font-size:1.5rem;font-weight:700}.metric-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem}.history-item{border-bottom:1px solid var(--border-color);cursor:pointer;transition:background-color var(--transition-speed);border-radius:6px;margin-bottom:.5rem;padding:.85rem}.history-item:hover{background-color:#2b67770d}.history-item-header{color:var(--text-muted);justify-content:space-between;font-size:.8rem;display:flex}.history-item-body{margin-top:.25rem;font-weight:600}.history-item-footer{color:var(--success-color);margin-top:.15rem;font-size:.85rem}.footer-section{background-color:var(--footer-bg);color:#fff;transition:background-color var(--transition-speed);padding:3.5rem 0 1.5rem}.footer-logo{font-family:var(--font-title);color:#fff;margin-bottom:1rem;font-size:1.5rem;font-weight:700;text-decoration:none;display:inline-block}.footer-link{color:#fffc;transition:color var(--transition-speed);margin-bottom:.5rem;text-decoration:none;display:inline-block}.footer-link:hover{color:#fff;transform:translate(3px)}.footer-social-icon{color:#fff;width:36px;height:36px;transition:all var(--transition-speed);background-color:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;margin-right:.5rem;text-decoration:none;display:inline-flex}.footer-social-icon:hover{color:var(--footer-bg);background-color:#fff;transform:translateY(-3px)}.back-to-top{background-color:var(--primary-color);color:#fff;cursor:pointer;width:45px;height:45px;box-shadow:var(--shadow-md);z-index:999;transition:all var(--transition-speed);border:none;border-radius:50%;justify-content:center;align-items:center;display:none;position:fixed;bottom:25px;right:25px}.back-to-top:hover{background-color:var(--primary-hover);transform:translateY(-3px)}@media print{body{color:#000!important;background-color:#fff!important;padding-top:0!important}.navbar,.theme-toggle-btn,.footer-section,.back-to-top,.no-print,.input-panel-col,.history-panel,.btn,.nav-tabs{display:none!important}.container{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.col-lg-8{width:100%!important}.card-custom{box-shadow:none!important;background:0 0!important;border:none!important}.problem-statement-card{background:0 0!important;border:1px solid #000!important}.math-display-container{background-color:#f8f9fa!important;border:1px solid #ccc!important}.graph-container{page-break-inside:avoid;border:1px solid #ccc!important}.solution-step{page-break-inside:avoid;border-left-color:#000!important}.solution-step-number{color:#fff!important;background-color:#000!important;border:1px solid #000!important}}.row-boundary{background-color:#2b677714!important}[data-theme=dark] .row-boundary{background-color:#3b879c33!important}.row-odd,.row-ndiv3{background-color:#ffc10714!important}[data-theme=dark] .row-odd,[data-theme=dark] .row-ndiv3{background-color:#ffc10726!important}.row-even,.row-div3{background-color:#52ab9814!important}[data-theme=dark] .row-even,[data-theme=dark] .row-div3{background-color:#52ab982e!important}.badge-step-boundary{color:var(--primary-color);border:1px solid var(--primary-color);background-color:#2b677726}.badge-step-odd,.badge-step-ndiv3{color:#b58100;background-color:#ffc10726;border:1px solid #ffc107}.badge-step-even,.badge-step-div3{color:var(--success-hover);border:1px solid var(--success-color);background-color:#52ab9826}.floating-history-btn{width:50px;height:50px;box-shadow:var(--shadow-lg);z-index:998;transition:transform .4s cubic-bezier(.165, .84, .44, 1), box-shadow .4s cubic-bezier(.165, .84, .44, 1), background-color var(--transition-speed);justify-content:center;align-items:center;display:flex;position:fixed;bottom:85px;right:25px}.floating-history-btn:hover{transform:scale(1.08)translateY(-3px);box-shadow:0 8px 20px #2b677759}.offcanvas{background-color:var(--card-bg);color:var(--text-color);border-left:1px solid var(--border-color);transition:transform var(--transition-speed), background-color var(--transition-speed)}.offcanvas-body .history-item{border:1px solid var(--border-color);transition:all var(--transition-speed);background-color:#2b677705;border-radius:8px;margin-bottom:.8rem;padding:.85rem}.offcanvas-body .history-item:hover{border-color:var(--primary-color);box-shadow:var(--shadow-sm);background-color:#2b67770f;transform:translate(-3px)}@media (width<=991.98px){body{padding-top:60px}.navbar-custom{padding:.5rem 1rem}.hero-section{text-align:center;padding:3.5rem 0}.hero-title{font-size:2.25rem}.hero-subtitle{font-size:1.1rem}.hero-img-container{margin-top:2.5rem}.section-alt,.section-normal{padding:3rem 0}.section-title{margin-bottom:2.5rem}.graph-container{height:350px}.metric-card{margin-bottom:1rem}}@media (width<=767.98px){.hero-title{font-size:1.85rem}p,ul,ol{font-size:.95rem}.card-custom-header{padding:1rem 1.25rem}.card-custom-body{padding:1.25rem}.table-custom td,.table-custom th{padding:.6rem .8rem;font-size:.9rem}.btn-primary,.btn-success,.btn-outline-primary{padding:.5rem 1.25rem;font-size:.95rem}.graph-container{height:300px}.solution-step{margin-bottom:1.5rem;padding-left:1rem}.math-display-container{padding:.75rem}}@media (width<=575.98px){.hero-title{font-size:1.6rem}.navbar-brand{font-size:1.15rem!important}.navbar-brand svg{width:20px;height:20px}.dynamic-table-container{max-height:250px}.table-editor input{padding:.3rem .5rem;font-size:.85rem}}.about-page p{text-align:justify}