@charset "UTF-8";.about-container{margin:0 auto;padding:3rem 2rem;min-height:calc(100vh - 280px);background:var(--color-body-bg, #fff);color:var(--color-text-primary, #111827)}.about-header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid var(--color-border-light, #f3f4f6)}.about-header .about-title{font-size:2.5rem;font-weight:700;color:var(--color-text-primary, #1a2341);line-height:1.2;margin:0;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}@media (max-width: 768px){.about-header .about-title{font-size:2rem}}.about-content{display:flex;flex-direction:column;gap:3rem}.about-intro .about-text,.about-approach .about-text,.about-project .about-text{font-size:1.1rem;line-height:1.7;color:var(--color-text-primary, #111827);margin-bottom:1.5rem;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.about-intro .about-text:last-child,.about-approach .about-text:last-child,.about-project .about-text:last-child{margin-bottom:0}.section-title{font-size:1.5rem;font-weight:700;color:var(--color-secondary, #3c83f6);margin-bottom:1.5rem;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;position:relative}.section-title:after{content:"";position:absolute;bottom:-8px;left:0;width:60px;height:3px;background:var(--color-secondary, #3c83f6);border-radius:2px}.feature-list{margin:1.5rem 0;padding-left:2rem}.feature-list li{font-size:1.1rem;line-height:1.6;color:var(--color-text-primary, #111827);margin-bottom:1rem;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;position:relative}.feature-list li:before{content:"•";color:var(--color-secondary, #3c83f6);font-weight:700;position:absolute;left:-20px}.feature-list li:last-child{margin-bottom:0}.about-signature{text-align:center;margin-top:.5rem;padding-top:2rem;border-top:2px solid var(--color-border-light, #f3f4f6)}.about-signature .signature-text{font-size:1.2rem;color:var(--color-text-secondary, #6b7280);margin-bottom:1rem;font-style:italic;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.about-signature .author-name{font-size:1.3rem;font-weight:700;color:var(--color-text-primary, #111827);margin:0;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}@media (max-width: 768px){.about-container{padding:2rem 1.5rem}.about-header{margin-bottom:2rem;padding-bottom:1.5rem}.about-content{gap:2rem}.about-intro .about-text,.about-approach .about-text,.about-project .about-text{font-size:1rem}.section-title{font-size:1.3rem}.feature-list{padding-left:1.5rem}.feature-list li{font-size:1rem}}.tabs-container{display:flex;border-bottom:1px solid #ececec;margin-bottom:2rem}.tabs-container .tab-button{flex:1;padding:1rem 1.5rem;background:none;border:none;font-size:1rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;border-bottom:3px solid transparent}.tabs-container .tab-button:hover{color:#111827;background:#3b82f60d}.tabs-container .tab-button.tab-active{color:#3c83f6;font-weight:700;border-bottom-color:#3c83f6;background:#3b82f61a}@media (max-width: 768px){.tabs-container{margin-bottom:1.5rem}.tabs-container .tab-button{padding:.75rem 1rem;font-size:.9rem}}@media (max-width: 480px){.tabs-container{margin-bottom:1rem}.tabs-container .tab-button{padding:.5rem .75rem;font-size:.85rem}}.dark-mode .tabs-container{border-bottom-color:#4a5568}.dark-mode .tabs-container .tab-button{color:#f7fafc}.dark-mode .tabs-container .tab-button:hover{color:#f7fafc;background:#4a90e20d}.dark-mode .tabs-container .tab-button.tab-active{color:#4a90e2;border-bottom-color:#4a90e2;background:#4a90e21a}.slider-container{width:100%}.slider-container .slider-wrapper{position:relative;display:flex;align-items:center;gap:1rem;padding:.5rem 0}.slider-container .slider-wrapper .slider-value{font-size:1rem;font-weight:700;color:#111827;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;min-width:80px;text-align:left;flex-shrink:0}.slider-container .slider-wrapper .slider-value.clickable{cursor:pointer;padding:2px 6px;border-radius:4px;transition:background-color .2s ease}.slider-container .slider-wrapper .slider-value.clickable:hover{background-color:#1a23411a}.slider-container .slider-wrapper .slider-value.clickable:active{background-color:#1a234133}.slider-container .slider-wrapper .slider-input{width:100px;padding:.5rem;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;text-align:center;flex-shrink:0}.slider-container .slider-wrapper .slider-input:focus{outline:none;border-color:#3c83f6;box-shadow:0 0 0 2px #3b82f61a}.slider-container .slider-wrapper .slider-track{position:relative;height:6px;background:#e5e7eb;border-radius:3px;cursor:pointer;flex:1;min-width:0;touch-action:none}.slider-container .slider-wrapper .slider-track .slider-fill{position:absolute;top:0;left:0;height:100%;background:#1a2341;border-radius:3px}.slider-container .slider-wrapper .slider-track .slider-thumb{position:absolute;top:50%;width:20px;height:20px;background:#1a2341;border:3px solid white;border-radius:50%;transform:translate(-50%,-50%);cursor:grab;box-shadow:0 2px 4px #0000001a;touch-action:none}.slider-container .slider-wrapper .slider-track .slider-thumb:hover{box-shadow:0 4px 8px #00000026}.slider-container .slider-wrapper .slider-track .slider-thumb:active{cursor:grabbing}.slider-container .slider-wrapper .slider-tooltip{position:absolute;top:100%;left:0;background:#1a2341;color:#fff;padding:6px 10px;border-radius:4px;font-size:.8rem;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-style:italic;white-space:nowrap;z-index:1000;animation:fadeIn .3s ease;-webkit-user-select:none;user-select:none}.slider-container .slider-wrapper .slider-tooltip.fade-out{animation:fadeOut .3s ease forwards}.slider-container .slider-wrapper .slider-tooltip:before{content:"";position:absolute;top:-3px;left:20px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-bottom:3px solid #1a2341}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@media (max-width: 768px){.slider-container .slider-label{font-size:.9rem;margin-bottom:.375rem}.slider-container .slider-wrapper{gap:.75rem;padding:.375rem 0}.slider-container .slider-wrapper .slider-value{font-size:.9rem;min-width:70px}.slider-container .slider-wrapper .slider-input{width:80px;padding:.375rem;font-size:.85rem}.slider-container .slider-wrapper .slider-track{height:5px}.slider-container .slider-wrapper .slider-track .slider-thumb{width:24px;height:24px;border-width:2px}}@media (max-width: 480px){.slider-container .slider-label{font-size:.85rem;margin-bottom:.25rem}.slider-container .slider-wrapper{gap:.5rem;padding:.25rem 0}.slider-container .slider-wrapper .slider-value{font-size:.85rem;min-width:60px}.slider-container .slider-wrapper .slider-input{width:70px;padding:.25rem;font-size:.8rem}.slider-container .slider-wrapper .slider-track{height:4px}.slider-container .slider-wrapper .slider-track .slider-thumb{width:28px;height:28px;border-width:2px}.slider-container .slider-wrapper .slider-tooltip{font-size:.75rem;padding:4px 8px}}.dark-mode .slider-container .slider-label,.dark-mode .slider-container .slider-wrapper .slider-value{color:#f7fafc}.dark-mode .slider-container .slider-wrapper .slider-value.clickable:hover{background-color:#4a90e21a}.dark-mode .slider-container .slider-wrapper .slider-value.clickable:active{background-color:#4a90e233}.dark-mode .slider-container .slider-wrapper .slider-input{background:#1a202c;border-color:#4a5568;color:#f7fafc}.dark-mode .slider-container .slider-wrapper .slider-input:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e21a}.dark-mode .slider-container .slider-wrapper .slider-track{background:#4a5568}.dark-mode .slider-container .slider-wrapper .slider-track .slider-fill{background:#4a90e2}.dark-mode .slider-container .slider-wrapper .slider-track .slider-thumb{background:#4a90e2;border-color:#1a202c}.dark-mode .slider-container .slider-wrapper .slider-tooltip{background:#4a90e2}.dark-mode .slider-container .slider-wrapper .slider-tooltip:before{border-bottom-color:#4a90e2}.input-container{width:100%}.input-container .input-wrapper{position:relative;display:flex;align-items:center}.input-container .input-wrapper .input-field{width:100%;padding:.875rem 1rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.input-container .input-wrapper .input-field:focus{outline:none;border-color:#3c83f6;box-shadow:0 0 0 3px #3b82f61a}.input-container .input-wrapper .input-field:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.input-container .input-wrapper .input-field.input-error{border-color:#ef4444}.input-container .input-wrapper .input-field.input-error:focus{box-shadow:0 0 0 3px #ef44441a}.input-container .input-wrapper .input-field.input-currency{font-weight:700}.input-container .input-error-message{display:block;font-size:.875rem;color:#ef4444;margin-top:.25rem;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}@media (max-width: 768px){.input-container .input-wrapper .input-field{padding:.75rem .875rem;font-size:.95rem}.input-container .input-error-message{font-size:.8rem}}@media (max-width: 480px){.input-container .input-wrapper .input-field{padding:.625rem .75rem;font-size:.9rem}.input-container .input-error-message{font-size:.75rem}}.dark-mode .input-container .input-wrapper .input-field{background:#1a202c;border-color:#4a5568;color:#f7fafc}.dark-mode .input-container .input-wrapper .input-field::placeholder{color:#718096}.dark-mode .input-container .input-wrapper .input-field:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.dark-mode .input-container .input-wrapper .input-field:disabled{background:#2d3748;color:#718096}.dark-mode .input-container .input-wrapper .input-field.input-error{border-color:#ef4444}.dark-mode .input-container .input-wrapper .input-field.input-error:focus{box-shadow:0 0 0 3px #ef44441a}.dark-mode .input-container .input-error-message{color:#ef4444}.btn{border:none;border-radius:6px;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn.btn-md{padding:.75rem 1.5rem;font-size:1rem}.btn.btn-lg{padding:1rem 2rem;font-size:1.125rem}.btn.btn-primary{background:#1a2341;color:#fff}.btn.btn-primary:hover:not(:disabled){background:#151a2f}.btn.btn-primary.btn-active{background:#3c83f6}.btn.btn-secondary{background:#f3f4f6;color:#111827;border:1px solid #d1d5db}.btn.btn-secondary:hover:not(:disabled){background:#e5e7eb}.btn.btn-secondary.btn-active{background:#3c83f6;color:#fff;border-color:#3c83f6}.btn.btn-secondary.btn-active:active,.btn.btn-secondary.btn-active:focus{background:#3c83f6;color:#fff;border-color:#3c83f6}.btn.btn-outline{background:transparent;color:#1a2341;border:2px solid #1a2341}.btn.btn-outline:hover:not(:disabled){background:#1a2341;color:#fff}.btn.btn-outline.btn-active{background:#1a2341;color:#fff}@media (max-width: 768px){.btn.btn-sm{padding:.375rem .75rem;font-size:.8rem}.btn.btn-md{padding:.625rem 1.25rem;font-size:.9rem}.btn.btn-lg{padding:.875rem 1.75rem;font-size:1rem}}@media (max-width: 480px){.btn.btn-sm{padding:.25rem .5rem;font-size:.75rem}.btn.btn-md{padding:.5rem 1rem;font-size:.85rem}.btn.btn-lg{padding:.75rem 1.5rem;font-size:.95rem}}.dark-mode .btn.btn-primary{background:#2d3748}.dark-mode .btn.btn-primary:hover:not(:disabled){background:#1a202c}.dark-mode .btn.btn-primary.btn-active{background:#4a90e2}.dark-mode .btn.btn-secondary{background:#2d3748;color:#f7fafc;border:1px solid #4a5568}.dark-mode .btn.btn-secondary:hover:not(:disabled){background:#4a5568}.dark-mode .btn.btn-secondary.btn-active{background:#4a90e2;color:#fff;border-color:#4a90e2}.dark-mode .btn.btn-secondary.btn-active:active,.dark-mode .btn.btn-secondary.btn-active:focus{background:#4a90e2;color:#fff;border-color:#4a90e2}.dark-mode .btn.btn-outline{background:transparent;color:#4a90e2;border:2px solid #4a90e2}.dark-mode .btn.btn-outline:hover:not(:disabled){background:#4a90e2;color:#fff}.dark-mode .btn.btn-outline.btn-active{background:#4a90e2;color:#fff}@keyframes subtleFadeIn{0%{opacity:.7;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes subtleGlow{0%,to{text-shadow:none}50%{text-shadow:0 0 8px rgba(59,130,246,.2)}}.calculator-container{margin:0 auto;padding:.5rem 1rem;box-sizing:border-box;flex:1;display:flex;flex-direction:column;width:100%;max-width:100%;overflow-x:visible}.calculator-container .calculator-inputs{margin-bottom:1rem;display:flex;flex-direction:column;gap:1rem;align-items:stretch}@media (min-width: 1024px){.calculator-container .calculator-inputs{display:flex;flex-direction:row;gap:1.5rem;align-items:flex-start;width:100%}.calculator-container .calculator-inputs .input-section,.calculator-container .calculator-inputs .basic-controls{flex:1;min-width:0;width:50%}}.calculator-container .calculator-inputs .input-section{display:flex;flex-direction:column;gap:1rem}@media (min-width: 1024px){.calculator-container .calculator-inputs .input-section{gap:1.25rem}}.calculator-container .calculator-inputs .input-section .salary-input-group .salary-input-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.calculator-container .calculator-inputs .input-section .salary-input-group .salary-input-header .form-label{margin:0}.calculator-container .calculator-inputs .input-section .salary-input-group .salary-input-header .salary-toggles{display:flex;gap:.5rem}.calculator-container .calculator-inputs .input-section .salary-input-group .salary-input-header .salary-toggles .salary-period-toggle,.calculator-container .calculator-inputs .input-section .salary-input-group .salary-input-header .salary-toggles .salary-type-toggle{display:flex;gap:.25rem}.calculator-container .calculator-inputs .input-section .salary-input-group .salary-input-header .salary-toggles .salary-period-toggle .btn,.calculator-container .calculator-inputs .input-section .salary-input-group .salary-input-header .salary-toggles .salary-type-toggle .btn{font-size:.7rem;padding:.2rem .4rem;min-width:auto}.calculator-container .calculator-inputs .input-section .salary-input-section{display:flex;flex-direction:column;gap:1.5rem}.calculator-container .calculator-inputs .input-section .salary-input-section .salary-mode-toggle{display:flex;gap:.5rem}.calculator-container .calculator-inputs .input-section .salary-input-section .salary-mode-toggle .btn{flex:1;justify-content:center}.calculator-container .calculator-inputs .basic-controls{display:flex;flex-direction:column;gap:1rem}@media (min-width: 1024px){.calculator-container .calculator-inputs .basic-controls{gap:1.25rem}}.calculator-container .calculator-inputs .controls-section{display:flex;flex-direction:column;gap:1rem}@media (min-width: 1024px){.calculator-container .calculator-inputs .controls-section{gap:1.5rem}}.calculator-container .calculator-results{background:#fff;border-radius:12px;padding:1rem;box-shadow:0 10px 15px -3px #0000001a;border:1px solid #ececec;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;margin-bottom:2rem}.calculator-container .calculator-results .results-title{font-size:1.2rem;font-weight:700;color:#3c83f6;margin-bottom:1rem;text-align:center;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.calculator-container .calculator-results .results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.calculator-container .calculator-results .results-grid .result-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:.75rem;background:#f8fafc;border-radius:8px;border:1px solid #f3f4f6;transition:all .3s ease}.calculator-container .calculator-results .results-grid .result-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.calculator-container .calculator-results .results-grid .result-item.clickable{cursor:pointer;position:relative}.calculator-container .calculator-results .results-grid .result-item.clickable:hover{background:#f1f5f9;border-color:#3c83f6;transform:translateY(-2px);box-shadow:0 6px 16px #3b82f626}.calculator-container .calculator-results .results-grid .result-item.clickable:active{transform:translateY(0);box-shadow:0 2px 8px #3b82f633}.calculator-container .calculator-results .results-grid .result-item.clickable:focus{outline:2px solid #3c83f6;outline-offset:2px}.calculator-container .calculator-results .results-grid .result-item.clickable:after{content:"";position:absolute;top:.5rem;right:.5rem;width:6px;height:6px;background:#3c83f6;border-radius:50%;opacity:.6;transition:opacity .3s ease}.calculator-container .calculator-results .results-grid .result-item.clickable:hover:after{opacity:1}.calculator-container .calculator-results .results-grid .result-item .result-label{font-size:.85rem;color:#6b7280;margin-bottom:.375rem;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;white-space:nowrap}.calculator-container .calculator-results .results-grid .result-item .result-value{font-size:1rem;font-weight:700;color:#111827;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;white-space:nowrap;transition:all .3s ease}.calculator-container .calculator-results .results-grid .result-item .result-value.result-highlight{color:#3c83f6;font-size:1.1rem}.calculator-container .calculator-results .results-grid .result-item .result-value.animating{animation:subtleFadeIn .5s ease-out,subtleGlow .8s ease-in-out;color:#3c83f6}.calculator-advanced-wrapper{width:100%;display:flex;flex-direction:column;margin-bottom:1rem}.calculator-advanced{width:100%;max-width:100%;display:flex;flex-direction:column;box-sizing:border-box;margin-bottom:1rem}.calculator-advanced.expanded{margin-top:.75rem}.calculator-advanced .advanced-inputs{width:100%;max-width:100%;padding:.5rem 1rem;background:#f8fafc;border-radius:8px;border:1px solid #f3f4f6;display:flex;flex-direction:column;gap:1rem;box-sizing:border-box;overflow:visible}.calculator-advanced.collapsed .calculator-advanced .advanced-inputs{gap:.5rem}.calculator-advanced .advanced-inputs .advanced-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:0}.calculator-advanced .advanced-inputs .advanced-header .advanced-header-left{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}.calculator-advanced .advanced-inputs .advanced-header .advanced-header-left .advanced-toggle-btn{font-size:.95rem;font-weight:700;color:var(--color-text-primary, #111827);background:transparent;border:none;padding:.5rem 0;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;align-self:flex-start}.calculator-advanced .advanced-inputs .advanced-header .advanced-header-left .advanced-toggle-btn:hover{color:var(--color-secondary, #3c83f6)}.calculator-advanced .advanced-inputs .advanced-header .advanced-header-left .advanced-toggle-btn .toggle-arrow{display:inline-block;margin-right:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.calculator-advanced .advanced-inputs .advanced-header .advanced-header-left .advanced-summary{display:flex;flex-wrap:wrap;gap:.5rem;align-self:flex-start}.calculator-advanced .advanced-inputs .advanced-header .advanced-header-left .advanced-summary .summary-tag{font-size:.75rem;font-weight:500;color:var(--color-text-primary, #111827);background:rgba(var(--color-primary-rgb, 59, 130, 246),.1);border:1px solid rgba(var(--color-primary-rgb, 59, 130, 246),.2);padding:.375rem .75rem;border-radius:1rem;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 1px 2px #0000000d}.calculator-advanced .advanced-inputs .advanced-header .advanced-header-left .advanced-summary .summary-tag:hover{background:rgba(var(--color-primary-rgb, 59, 130, 246),.15);border-color:rgba(var(--color-primary-rgb, 59, 130, 246),.3);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.calculator-advanced .advanced-inputs .advanced-header .btn{font-size:.85rem;padding:.375rem .75rem}.calculator-advanced .advanced-inputs .advanced-content{display:grid;grid-template-columns:1fr 1fr;gap:1rem;overflow:visible;transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:top;width:100%}@media (max-width: 768px){.calculator-advanced .advanced-inputs .advanced-content{grid-template-columns:1fr;gap:.75rem}}.calculator-advanced .advanced-inputs .advanced-content.collapsed{max-height:0;opacity:0;transform:scaleY(0);overflow:hidden}.calculator-advanced .advanced-inputs .advanced-content.expanded{max-height:none;opacity:1;transform:scaleY(1);overflow:visible}@media (max-width: 1400px){.calculator-container{padding:.5rem 1.5rem}.calculator-container .calculator-inputs{gap:2rem}}@media (max-width: 1023px){.calculator-container{padding:.5rem 1rem}.calculator-container .calculator-inputs{gap:1.5rem;display:flex!important;flex-direction:column!important}}@media (max-width: 768px){.calculator-container{padding:.5rem 1rem}.calculator-container .calculator-inputs{gap:1rem;display:flex!important;flex-direction:column!important}.calculator-container .calculator-inputs .input-section{display:flex;flex-direction:column;gap:.75rem}.calculator-container .calculator-inputs .salary-input-group .salary-input-header{flex-direction:column;align-items:flex-start;gap:.5rem}.calculator-container .calculator-inputs .salary-input-group .salary-input-header .salary-toggles{width:100%;justify-content:space-between}.calculator-container .calculator-advanced-wrapper .calculator-advanced .advanced-inputs{padding:.5rem .75rem}.calculator-container .calculator-results{padding:1.5rem}.calculator-container .calculator-results .results-title{font-size:1.1rem;margin-bottom:.75rem}.calculator-container .calculator-results .results-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5rem}.calculator-container .calculator-results .results-grid .result-item{padding:.5rem}.calculator-container .calculator-results .results-grid .result-item .result-label{font-size:.8rem}.calculator-container .calculator-results .results-grid .result-item .result-value{font-size:.9rem}.calculator-container .calculator-results .results-grid .result-item .result-value.result-highlight{font-size:1rem}}@media (max-width: 480px){.calculator-container{padding:.5rem}.calculator-container .calculator-inputs{gap:.75rem;display:flex!important;flex-direction:column!important}.calculator-container .calculator-inputs .input-section{gap:.5rem}.calculator-container .calculator-inputs .basic-controls .duration-section .duration-buttons{grid-template-columns:repeat(2,1fr);gap:.375rem}.calculator-container .calculator-advanced-wrapper .calculator-advanced .advanced-inputs{padding:.5rem}.calculator-container .calculator-results{padding:1rem}.calculator-container .calculator-results .results-title{font-size:1rem;margin-bottom:.5rem}.calculator-container .calculator-results .results-grid{grid-template-columns:1fr;gap:.5rem}.calculator-container .calculator-results .results-grid .result-item{padding:.75rem}.calculator-container .calculator-results .results-grid .result-item .result-label{font-size:.75rem}.calculator-container .calculator-results .results-grid .result-item .result-value{font-size:.85rem}.calculator-container .calculator-results .results-grid .result-item .result-value.result-highlight{font-size:.95rem}}.dark-mode .calculator-container{background:#1a202c}.dark-mode .calculator-container .calculator-advanced .advanced-inputs{background:#2d3748;border:1px solid #4a5568}.dark-mode .calculator-container .calculator-advanced .advanced-inputs .advanced-header h4{color:#f7fafc}.dark-mode .calculator-container .calculator-results{background:#2d3748;border:1px solid #4a5568}.dark-mode .calculator-container .calculator-results .results-title{color:#4a90e2}.dark-mode .calculator-container .calculator-results .result-item{background:#1a202c;border:1px solid #4a5568}.dark-mode .calculator-container .calculator-results .result-item .result-label{color:#a0aec0}.dark-mode .calculator-container .calculator-results .result-item .result-value{color:#f7fafc}.dark-mode .calculator-container .calculator-results .result-item .result-value.result-highlight{color:#4a90e2}.dark-mode .calculator-container .calculator-results .result-item.clickable:hover{background:#4a90e21a;border-color:#4a90e2}.page-container{margin:0;padding:0;flex:1;display:flex;flex-direction:column;width:100%;padding-top:.5rem}@media (max-width: 768px){.page-container h2{font-size:1.5rem;margin-left:1rem;margin-right:1rem;margin-bottom:.75rem}.page-container p{font-size:1rem;margin-left:1rem;margin-right:1rem}}@media (max-width: 480px){.page-container h2{font-size:1.25rem;margin-left:.5rem;margin-right:.5rem;margin-bottom:.5rem}.page-container p{font-size:.9rem;margin-left:.5rem;margin-right:.5rem}}.dark-mode .page-container{background:#1a202c}.blog-list{max-width:1200px;margin:0 auto;padding:2rem 1rem}.blog-list .blog-header{text-align:center;margin-bottom:3rem}.blog-list .blog-header h1{font-size:2.5rem;font-weight:700;color:var(--text-color);margin-bottom:1rem}@media (max-width: 768px){.blog-list .blog-header h1{font-size:2rem}}.blog-list .blog-header .blog-subtitle{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.blog-list .articles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:4rem}@media (max-width: 768px){.blog-list .articles-grid{grid-template-columns:1fr;gap:1.5rem}}.blog-list .article-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;transition:all .3s ease;height:100%;display:flex;flex-direction:column;box-shadow:0 4px 6px #0000000d;position:relative}.blog-list .article-card:before{content:"";position:absolute;top:0;left:0;right:0;height:80px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));opacity:.08;z-index:1}.blog-list .article-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px #0000001f;border-color:var(--primary-color)}.blog-list .article-card:hover:before{opacity:.15}[data-theme=dark] .blog-list .article-card{box-shadow:0 4px 6px #0003}[data-theme=dark] .blog-list .article-card:hover{box-shadow:0 12px 30px #0006}[data-theme=dark] .blog-list .article-card:before{opacity:.12}.blog-list .article-card .article-content{flex:1;display:flex;flex-direction:column;padding:1.5rem;position:relative;z-index:2}.blog-list .article-card .article-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;font-size:.9rem;color:var(--text-secondary)}.blog-list .article-card .article-meta time{font-weight:500}.blog-list .article-card .article-meta .read-time{padding:.25rem .5rem;background:var(--accent-color);color:#fff;border-radius:4px;font-size:.8rem;font-weight:500}.blog-list .article-card .article-title{margin-bottom:1rem;flex-shrink:0}.blog-list .article-card .article-title a{color:var(--text-color);text-decoration:none;font-size:1.25rem;font-weight:600;line-height:1.4;transition:color .3s ease}.blog-list .article-card .article-title a:hover{color:var(--accent-color)}.blog-list .article-card .article-excerpt{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem;flex-grow:1}.blog-list .article-card .article-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.blog-list .article-card .article-tags .tag{background:var(--tag-background);color:var(--tag-text);padding:.4rem .9rem;border-radius:20px;font-size:.8rem;font-weight:500;border:1px solid var(--tag-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.blog-list .article-card .read-more{color:var(--text-color);font-weight:600;text-decoration:none;font-size:.95rem;align-self:flex-start;transition:all .3s ease}.blog-list .article-card .read-more:hover{color:var(--primary-color);transform:translate(4px)}.blog-list .blog-cta{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;padding:3rem 2rem;border-radius:16px;text-align:center;margin-top:3rem}.blog-list .blog-cta h2{font-size:1.75rem;margin-bottom:1rem;font-weight:700;color:#fff}.blog-list .blog-cta p{font-size:1.1rem;margin-bottom:2rem;opacity:.95;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6;color:#fff}.blog-list .blog-cta .cta-button{display:inline-block;background:#fff;color:var(--primary-color)!important;padding:1rem 2rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:all .3s ease;border:2px solid white}.blog-list .blog-cta .cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026;background:#fffffff2}.blog-post{width:100%;max-width:800px;margin:0 auto;padding:1.5rem 1rem;box-sizing:border-box;min-width:0}.blog-post .post-header{margin-bottom:2rem}.blog-post .post-header .breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.9rem}.blog-post .post-header .breadcrumb a{color:var(--accent-color);text-decoration:none;transition:color .3s ease}.blog-post .post-header .breadcrumb a:hover{color:var(--text-color)}.blog-post .post-header .breadcrumb .separator{color:var(--text-secondary)}.blog-post .post-header .breadcrumb .current{color:var(--text-secondary);max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blog-post .post-header .post-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;font-size:.95rem;color:var(--text-secondary)}.blog-post .post-header .post-meta time{font-weight:500}.blog-post .post-header .post-meta .read-time{padding:.25rem .75rem;background:var(--accent-color);color:#fff;border-radius:20px;font-size:.85rem;font-weight:500}.blog-post .post-header .post-title{font-size:2.25rem;font-weight:700;color:var(--text-color);line-height:1.2;margin-bottom:1rem}@media (max-width: 768px){.blog-post .post-header .post-title{font-size:1.75rem}}.blog-post .post-header .post-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.blog-post .post-header .post-tags .tag{background:var(--tag-background);color:var(--tag-text);padding:.5rem 1rem;border-radius:25px;font-size:.85rem;font-weight:500;border:1px solid var(--tag-border)}.blog-post .post-content{line-height:1.6;color:var(--text-color);margin-bottom:2rem;overflow-wrap:anywhere;word-break:break-word}.blog-post .post-content img{max-width:100%;height:auto}.blog-post .post-content .content-h1{font-size:2rem;font-weight:700;color:var(--text-color);margin:1.5rem 0 .75rem;line-height:1.3}.blog-post .post-content .content-h2{font-size:1.5rem;font-weight:600;color:var(--text-color);margin:1.5rem 0 .6rem;line-height:1.4;border-bottom:2px solid var(--border-color);padding-bottom:.3rem}.blog-post .post-content .content-h3{font-size:1.25rem;font-weight:600;color:var(--text-color);margin:1.25rem 0 .6rem;line-height:1.4}.blog-post .post-content .content-paragraph{margin-bottom:.75rem;text-align:justify;line-height:1.6}.blog-post .post-content .content-paragraph strong{color:var(--accent-color);font-weight:600}.blog-post .post-content .content-paragraph em{font-style:italic;color:var(--text-secondary)}.blog-post .post-content .content-paragraph code{background:var(--code-background);color:var(--code-color);padding:.2rem .4rem;border-radius:4px;font-family:Courier New,monospace;font-size:.9em}.blog-post .post-content .content-link{color:var(--accent-color);text-decoration:none;font-weight:500;border-bottom:1px solid transparent;transition:all .3s ease}.blog-post .post-content .content-link:hover{border-bottom-color:var(--accent-color)}.blog-post .post-content .content-list{margin:.75rem 0;padding-left:1.25rem}.blog-post .post-content .content-list li{margin-bottom:.4rem;line-height:1.5}.blog-post .post-content .content-list li::marker{color:var(--accent-color)}.blog-post .post-content .content-list li strong{color:var(--accent-color);font-weight:600}.blog-post .post-content .content-table{display:block;width:100%;max-width:100%;margin:1.5rem 0;border-collapse:collapse;background:var(--card-background);border-radius:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;box-shadow:0 2px 10px #0000001a}.blog-post .post-content .content-table th,.blog-post .post-content .content-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--border-color);white-space:nowrap}.blog-post .post-content .content-table th{background:var(--primary-color);color:#fff;font-weight:600;font-size:.9rem}.blog-post .post-content .content-table td{font-size:.9rem}.blog-post .post-content .content-table td strong{color:var(--accent-color);font-weight:600}.blog-post .post-content .content-table tbody tr:hover{background:var(--hover-background)}@media (max-width: 768px){.blog-post .post-content .content-table{font-size:.8rem}.blog-post .post-content .content-table th,.blog-post .post-content .content-table td{padding:.75rem .5rem}}.blog-post .post-cta{margin:2rem 0}.blog-post .post-cta .cta-box{background:linear-gradient(135deg,var(--primary-color, #1a2341),var(--accent-color, #3c83f6));color:#fff;padding:2rem;border-radius:16px;text-align:center}.blog-post .post-cta .cta-box h3{font-size:1.5rem;margin-bottom:.75rem;font-weight:700;color:#fff}.blog-post .post-cta .cta-box p{margin-bottom:1.5rem;opacity:.95;font-size:1.05rem;line-height:1.6;color:#fff}.blog-post .post-cta .cta-box .cta-button{display:inline-block;background:#fff;color:var(--primary-color, #1a2341)!important;padding:1rem 2rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:all .3s ease;border:2px solid #fff}.blog-post .post-cta .cta-box .cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026;background:#fffffff2}.blog-post .related-articles{margin:2.5rem 0;padding-top:1.5rem;border-top:2px solid var(--border-color)}.blog-post .related-articles h3{font-size:1.5rem;font-weight:600;color:var(--text-color);margin-bottom:1.5rem;text-align:center}.blog-post .related-articles .related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}@media (max-width: 768px){.blog-post .related-articles .related-grid{grid-template-columns:1fr}}.blog-post .related-articles .related-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;transition:all .3s ease}.blog-post .related-articles .related-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a;border-color:var(--primary-color)}.blog-post .related-articles .related-card h4{margin-bottom:.75rem}.blog-post .related-articles .related-card h4 a{color:var(--text-color);text-decoration:none;font-size:1rem;font-weight:600;line-height:1.4;transition:color .3s ease}.blog-post .related-articles .related-card h4 a:hover{color:var(--accent-color)}.blog-post .related-articles .related-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden}.blog-post .related-articles .related-card .article-meta{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--text-secondary)}.blog-post .related-articles .related-card .article-meta time{font-weight:500}.blog-post .related-articles .related-card .article-meta .read-time{background:var(--accent-color);color:#fff;padding:.2rem .5rem;border-radius:12px;font-size:.7rem;font-weight:500}.blog-post .post-navigation{text-align:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.blog-post .post-navigation .back-to-blog{color:var(--accent-color);text-decoration:none;font-weight:600;padding:.75rem 1.5rem;border:2px solid var(--accent-color);border-radius:8px;transition:all .3s ease}.blog-post .post-navigation .back-to-blog:hover{background:var(--accent-color);color:#fff}.not-found-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2)}.not-found-content{text-align:center;max-width:600px;background:#fff;padding:3rem;border-radius:12px;box-shadow:0 20px 40px #0000001a}.not-found-title{font-size:6rem;font-weight:700;color:#2563eb;margin:0 0 1rem;line-height:1}.not-found-subtitle{font-size:2rem;color:#374151;margin:0 0 1rem;font-weight:600}.not-found-description{font-size:1.1rem;color:#6b7280;margin:0 0 2rem;line-height:1.6}.not-found-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.not-found-link{display:inline-block;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:500;transition:all .2s ease}.not-found-link.primary{background-color:#2563eb;color:#fff}.not-found-link.primary:hover{background-color:#1d4ed8;transform:translateY(-2px)}.not-found-link.secondary{background-color:transparent;color:#2563eb;border:2px solid #2563eb}.not-found-link.secondary:hover{background-color:#2563eb;color:#fff;transform:translateY(-2px)}@media (max-width: 768px){.not-found-container{padding:1rem}.not-found-content{padding:2rem}.not-found-title{font-size:4rem}.not-found-subtitle{font-size:1.5rem}.not-found-actions{flex-direction:column;align-items:center}.not-found-link{width:100%;max-width:200px;text-align:center}}.header{width:100%;height:80px;background:#1a2341;box-shadow:0 2px 8px #2c3e500a;border-bottom:1px solid #ececec;margin:0;padding:0;left:0;position:fixed;z-index:1000}@media (max-width: 768px){.header{position:relative;box-shadow:none}}.header-inner{width:100%;max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;height:100%;box-sizing:border-box}@media (min-width: 1024px){.header-inner{max-width:1400px}}.header-right{display:flex;align-items:center;gap:1rem}.header-left{display:flex;align-items:center}.header-brand{display:flex;align-items:center;text-decoration:none;color:inherit}.header-logo{width:48px;height:48px;margin-right:1.2rem;display:block}.header-title{font-size:1.5rem;font-weight:700;color:#fff;letter-spacing:1px;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1;display:flex;align-items:center}.header-nav{display:flex;align-items:center;gap:2rem}.header-nav a{color:#e5e7ef;text-decoration:none;font-size:1.1rem;font-weight:500;transition:color .2s}.header-nav a:hover{color:#3c83f6}.theme-toggle{background:transparent;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.theme-toggle:hover{background:#ffffff1a;transform:scale(1.1)}.theme-toggle:focus{outline:none;box-shadow:0 0 0 2px #ffffff4d}.burger-menu{display:none;flex-direction:column;justify-content:space-around;width:30px;height:30px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001;position:relative}.burger-menu:focus{outline:none}.burger-menu .burger-line{width:100%;height:3px;background:#fff;border-radius:2px;transition:all .3s ease-in-out;transform-origin:center}.burger-menu.open .burger-line:first-child{transform:rotate(45deg) translate(7px,7px)}.burger-menu.open .burger-line:nth-child(2){opacity:0;transform:translate(-30px)}.burger-menu.open .burger-line:last-child{transform:rotate(-45deg) translate(7px,-7px)}.mobile-nav-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:#00000080;z-index:999;opacity:0;visibility:hidden;transition:all .3s ease-in-out}.mobile-nav-overlay.open{opacity:1;visibility:visible}.mobile-nav{position:fixed;top:0;right:-300px;width:300px;height:100vh;background:#1a2341;box-shadow:-2px 0 10px #0000001a;transition:right .3s ease-in-out;display:flex;flex-direction:column}.mobile-nav.open{right:0}.mobile-nav-links{display:flex;flex-direction:column;padding:2rem 1.5rem;margin-top:80px}.mobile-nav-links a{color:#e5e7ef;text-decoration:none;font-size:1.3rem;font-weight:500;padding:1rem 0;transition:all .2s ease;opacity:0;transform:translate(20px)}.mobile-nav-links a:hover{color:#3c83f6;transform:translate(10px)}.mobile-nav-links .mobile-theme-toggle{background:transparent;border:none;color:#e5e7ef;text-decoration:none;font-size:1.3rem;font-weight:500;padding:1rem 0;transition:all .2s ease;opacity:0;transform:translate(20px);text-align:left;cursor:pointer}.mobile-nav-links .mobile-theme-toggle:hover{color:#3c83f6;transform:translate(10px)}.mobile-nav.open .mobile-nav-links a,.mobile-nav.open .mobile-nav-links .mobile-theme-toggle{opacity:1;transform:translate(0);transition-delay:.1s}.mobile-nav.open .mobile-nav-links a:nth-child(2),.mobile-nav.open .mobile-nav-links .mobile-theme-toggle:nth-child(2){transition-delay:.2s}.mobile-nav.open .mobile-nav-links a:nth-child(3),.mobile-nav.open .mobile-nav-links .mobile-theme-toggle:nth-child(3){transition-delay:.3s}@media (max-width: 768px){.header{height:60px}.header-inner{padding:1rem}.header-logo{width:36px;height:36px;margin-right:.75rem}.header-title{font-size:1.2rem;letter-spacing:.5px;line-height:1}.header-right .desktop-nav,.header-right .theme-toggle{display:none}.burger-menu{display:flex}}@media (max-width: 480px){.header-inner{padding:.5rem}.header-title{font-size:1rem;letter-spacing:.25px;line-height:1}.mobile-nav{width:280px;right:-280px}}.dark-mode .header{background:#2d3748;border-bottom-color:#4a5568}.dark-mode .mobile-nav{background:#2d3748}.footer{width:100%;background:#f6f7fa;text-align:center;padding:2rem 0;color:#6b7280;font-size:1.2rem;border-top:1px solid #ececec;flex-shrink:0}.footer-inner{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.footer-content{display:flex;justify-content:space-between;align-items:center;gap:2rem}@media (max-width: 768px){.footer-content{flex-direction:column;gap:1rem}}.footer-main{display:flex;align-items:center;gap:2rem}@media (max-width: 768px){.footer-main{flex-direction:column;gap:1rem;text-align:center}}.footer-motto{font-size:1.2rem;color:#6b7280}.footer-links{display:flex;gap:1.5rem}.footer-links a{color:#6b7280;text-decoration:none;font-size:.9rem;transition:color .3s ease}.footer-links a:hover{color:#1a2341}@media (max-width: 768px){.footer-links{gap:1rem}}.footer-author{display:flex;align-items:center;gap:1rem;font-size:.9rem;color:#6b7280}.footer-author .footer-social{display:flex;align-items:center;gap:.75rem}.footer-author .footer-social .social-link{display:flex;align-items:center;justify-content:center;color:#6b7280;transition:color .2s ease}.footer-author .footer-social .social-link:hover{color:#1a2341}.footer-author .footer-social .social-link svg{width:20px;height:20px}@media (max-width: 768px){.footer{padding:1.5rem 0}.footer-inner{padding:0 1rem;gap:.5rem}.footer-motto{font-size:1rem}.footer-author{flex-direction:column;gap:.5rem;font-size:.85rem}.footer-author .footer-social{gap:.5rem}.footer-author .footer-social .social-link svg{width:18px;height:18px}}@media (max-width: 480px){.footer{padding:1rem 0}.footer-inner{padding:0 .5rem}.footer-motto{font-size:.9rem}.footer-author{font-size:.8rem}.footer-author .footer-social .social-link svg{width:16px;height:16px}}.dark-mode .footer{background:#2d3748;color:#a0aec0;border-top-color:#4a5568}.dark-mode .footer-motto,.dark-mode .footer-links a{color:#a0aec0}.dark-mode .footer-links a:hover{color:#4a90e2}.dark-mode .footer-author,.dark-mode .footer-author .footer-social .social-link{color:#a0aec0}.dark-mode .footer-author .footer-social .social-link:hover{color:#4a90e2}.layout-container{min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;width:100%}.main-content{flex:1;margin-top:80px;background:#fff;display:flex;flex-direction:column;width:100%}.content-wrapper{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem;flex:1;display:flex;flex-direction:column;box-sizing:border-box}@media (min-width: 1024px){.content-wrapper{max-width:1400px}}@media (max-width: 768px){.main-content{margin-top:0}.content-wrapper{padding:0 1rem}}@media (max-width: 480px){.main-content{margin-top:0}.content-wrapper{padding:0 .5rem}}.dark-mode .main-content{background:#1a202c}:root{--primary-color: #1a2341;--accent-color: #3c83f6;--text-color: #111827;--text-secondary: #6b7280;--border-color: #ececec;--card-background: #fff;--tag-background: rgba(37, 99, 235, .1);--tag-text: #2563eb;--tag-border: rgba(37, 99, 235, .2);--code-background: #f8fafc;--code-color: #334155;--hover-background: #f8fafc}.dark-mode{--primary-color: #2d3748;--accent-color: #4a90e2;--text-color: #f7fafc;--text-secondary: #a0aec0;--border-color: #4a5568;--card-background: #1a202c;--tag-background: rgba(96, 165, 250, .15);--tag-text: #93c5fd;--tag-border: rgba(96, 165, 250, .3);--code-background: #1e293b;--code-color: #e2e8f0;--hover-background: #334155}html,body,#root{height:100%;margin:0;padding:0;overflow-x:hidden}body{background:#fff;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.6;color:#111827;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.form-label{display:block;font-size:.95rem;font-weight:700;color:#111827;margin-bottom:.5rem;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}@media (max-width: 768px){.form-label{font-size:.9rem;margin-bottom:.375rem}}@media (max-width: 480px){.form-label{font-size:.85rem;margin-bottom:.25rem}}.dark-mode .form-label{color:#f7fafc}.font-bold{font-weight:700}.font-normal{font-weight:500}.text-primary{color:#1a2341}.text-secondary{color:#6b7280}.text-muted{color:#9ca3af}.text-error{color:#ef4444}.bg-primary{background-color:#1a2341}.bg-secondary{background-color:#3c83f6}.bg-light{background-color:#f3f4f6}.bg-white{background-color:#fff}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mb-5{margin-bottom:3rem}.mt-0{margin-top:0}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mt-5{margin-top:3rem}.p-0{padding:0}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}.p-5{padding:3rem}.rounded{border-radius:6px}.rounded-lg{border-radius:8px}.rounded-xl{border-radius:12px}.shadow{box-shadow:0 4px 6px -1px #0000001a}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a}@media (max-width: 1024px){.lg\:text-center{text-align:center}.lg\:text-left{text-align:left}.lg\:text-right{text-align:right}.lg\:mb-0{margin-bottom:0}.lg\:mb-1{margin-bottom:.5rem}.lg\:mb-2{margin-bottom:1rem}.lg\:mb-3{margin-bottom:1.5rem}.lg\:mt-0{margin-top:0}.lg\:mt-1{margin-top:.5rem}.lg\:mt-2{margin-top:1rem}.lg\:mt-3{margin-top:1.5rem}}@media (max-width: 768px){.md\:text-center{text-align:center}.md\:text-left{text-align:left}.md\:text-right{text-align:right}.md\:mb-0{margin-bottom:0}.md\:mb-1{margin-bottom:.5rem}.md\:mb-2{margin-bottom:1rem}.md\:mb-3{margin-bottom:1.5rem}.md\:mt-0{margin-top:0}.md\:mt-1{margin-top:.5rem}.md\:mt-2{margin-top:1rem}.md\:mt-3{margin-top:1.5rem}.md\:p-0{padding:0}.md\:p-1{padding:.5rem}.md\:p-2{padding:1rem}.md\:p-3{padding:1.5rem}}@media (max-width: 480px){.sm\:text-center{text-align:center}.sm\:text-left{text-align:left}.sm\:text-right{text-align:right}.sm\:mb-0{margin-bottom:0}.sm\:mb-1{margin-bottom:.5rem}.sm\:mb-2{margin-bottom:1rem}.sm\:mt-0{margin-top:0}.sm\:mt-1{margin-top:.5rem}.sm\:mt-2{margin-top:1rem}.sm\:p-0{padding:0}.sm\:p-1{padding:.5rem}.sm\:p-2{padding:1rem}}.hidden{display:none!important}.block{display:block!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.inline-flex{display:inline-flex!important}@media (max-width: 1024px){.lg\:hidden{display:none!important}.lg\:block{display:block!important}.lg\:flex{display:flex!important}}@media (max-width: 768px){.md\:hidden{display:none!important}.md\:block{display:block!important}.md\:flex{display:flex!important}}@media (max-width: 480px){.sm\:hidden{display:none!important}.sm\:block{display:block!important}.sm\:flex{display:flex!important}}.dark-mode{--color-primary: #2d3748;--color-secondary: #4a90e2;--color-border: #4a5568;--color-border-light: #2d3748;--color-body-bg: #1a202c;--color-text-primary: #f7fafc;--color-text-secondary: #a0aec0;--color-text-muted: #718096}.dark-mode body{background:#1a202c;color:#f7fafc}.dark-mode .text-primary{color:#2d3748}.dark-mode .text-secondary{color:#a0aec0}.dark-mode .text-muted{color:#718096}.dark-mode .bg-primary{background-color:#2d3748}.dark-mode .bg-secondary{background-color:#4a90e2}.dark-mode .bg-light{background-color:#2d3748}.dark-mode .bg-white{background-color:#1a202c}