body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#fff;color:#1d1d1f;overflow:hidden}.app-container{height:100vh;display:flex;flex-direction:column}.page-content-wrapper{flex:1;overflow-y:auto;padding:40px 20px}.app-header{position:sticky;top:0;z-index:100;width:100%;background-color:#ffffffd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 1px 2px #0000000d}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:1rem 0}.logo{font-size:1.4rem;font-weight:600;color:#222}.brand-accent{position:relative}.brand-accent:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:6px;height:6px;background-color:#16a34a;border-radius:9999px}.main-nav{display:flex;align-items:center;gap:1.25rem}.main-nav a{font-size:1rem;font-weight:500;color:#333;text-decoration:none;transition:color .2s ease}.main-nav a:hover{color:#16a34a}.nav-separator{color:#a1a1aa;font-size:1rem}.main-interface{display:flex;width:100%;max-width:1200px;margin:0 auto;gap:40px}@media(min-width:901px){.main-interface{flex-direction:row;align-items:flex-start}}.calculator-container{flex:1;min-width:300px;max-width:450px;margin:0 auto}@media(min-width:901px){.calculator-container{margin:0}}.right-column{flex:1.2;display:flex;flex-direction:column;gap:24px}.header{text-align:center;margin-bottom:32px}.header h1{font-size:28px;margin-bottom:8px;font-weight:700}.header p{font-size:16px;color:#6e6e73;line-height:1.5;margin:0}.form-row{display:flex;margin-bottom:12px;border:1px solid #d2d2d7;border-radius:8px;overflow:hidden}.form-row label{padding:12px 16px;font-size:16px;background-color:#f5f5f7;color:#1d1d1f;width:200px;text-align:left;border-right:1px solid #d2d2d7}.form-row input,.form-row select{flex-grow:1;padding:12px 16px;border:none;background:transparent;font-size:16px;text-align:right;outline:none;-moz-appearance:textfield;appearance:none;transition:box-shadow .2s ease}.form-row select{background-image:url('data:image/svg+xml;utf8,<svg fill="black" height="24" viewBox="0 0 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');background-repeat:no-repeat;background-position:right 10px center;background-size:20px}.form-row input:focus,.form-row select:focus{box-shadow:inset 0 0 0 2px #16a34a}.form-row input::-webkit-outer-spin-button,.form-row input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.calculate-btn{width:100%;padding:14px;background-color:#000;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;margin-top:24px;transition:all .2s ease}.calculate-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.calculate-btn:active{transform:translateY(0);box-shadow:none}.results-container{text-align:center;margin-top:32px;line-height:1.7}.summary-text{font-size:16px;margin-bottom:16px}.details-text{font-size:15px;color:#333;margin:4px 0}.summary-text strong,.details-text strong{font-weight:600;color:#000}.graph-container{min-width:300px;min-height:400px;padding:20px;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 4px 12px #0000000a}.graph-container.placeholder{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#888;background-color:#fafafa}.impact-analysis{padding:20px;border:1px solid #e5e5e5;border-radius:12px;background-color:#fafafa}.impact-analysis h4{font-size:12px;font-weight:600;letter-spacing:.5px;color:#888;margin:0 0 12px;text-transform:uppercase}.impact-analysis p{display:flex;justify-content:space-between;font-size:14px;margin:8px 0;color:#555}.impact-analysis p strong{text-transform:capitalize}.impact-analysis p span{font-weight:600;color:#000}.reset-btn{background:none;border:1px solid #d2d2d7;border-radius:6px;color:#555;cursor:pointer;margin-top:24px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s ease}.reset-btn:hover{border-color:#aaa;background-color:#f0f0f0}.share-btn{margin-top:20px;background-color:#f5f5f7;border:1px solid #d2d2d7;color:#333;padding:8px 16px;font-size:14px;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s ease}.share-btn:hover{border-color:#16a34a;color:#16a34a;background-color:#f0fdf4}.gitam-mode .header h1,.gitam-mode .gitam-toggle-container span{color:#16a34a}.gitam-mode .calculate-btn{background-color:#16a34a}.gitam-mode .calculator-container,.gitam-mode .graph-container,.gitam-mode .impact-analysis{border-color:#16a34a}input:checked+.slider{background-color:#16a34a}.gitam-toggle-container{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:24px}.gitam-toggle-container span{font-weight:600;color:#6e6e73}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s}input:checked+.slider:before{transform:translate(20px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.app-footer{position:sticky;bottom:0;z-index:100;width:100%;background-color:#ffffffd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid #e5e5e5}.footer-content{display:flex;justify-content:center;align-items:center;gap:8px;max-width:1200px;margin:0 auto;font-size:.95rem;font-weight:400;color:#555;padding:1rem 0}.footer-content a{color:#555;text-decoration:none;font-weight:600;transition:color .2s ease}.footer-content a:hover{color:#16a34a}@media(max-width:900px){.page-content-wrapper{padding:20px 15px}.header-content{flex-direction:column;gap:1rem;padding:1rem}.main-interface{flex-direction:column;gap:30px}.calculator-container .header h1{font-size:24px}.calculator-container .header p{font-size:15px}.calculator-container .form-row label{padding:10px 14px;font-size:15px;width:50%}.calculator-container .form-row input,.calculator-container .form-row select{padding:10px 14px;font-size:15px}.calculate-btn{padding:12px}.results-container{margin-top:24px}.summary-text,.details-text{font-size:14px}.graph-container{min-height:300px;padding:15px}}.scenario-planner-container{padding:20px;border:1px solid #e5e5e5;border-radius:12px;background-color:#fafafa;text-align:center}.scenario-planner-container h4{font-size:12px;font-weight:600;letter-spacing:.5px;color:#888;margin:0 0 16px;text-transform:uppercase}.scenario-controls{display:flex;justify-content:center;align-items:center;margin-bottom:16px}.scenario-input-group{display:flex;align-items:center;gap:12px;font-size:15px;color:#555}.toggle-buttons{display:flex;border:1px solid #d2d2d7;border-radius:6px;overflow:hidden}.toggle-buttons button{background:#fff;border:none;padding:8px 12px;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500}.toggle-buttons button:first-child{border-right:1px solid #d2d2d7}.toggle-buttons button.active{background-color:#16a34a;color:#fff}.scenario-input{width:50px;text-align:center;font-size:16px;font-weight:500;padding:6px;border:1px solid #d2d2d7;border-radius:6px;outline:none;-moz-appearance:textfield}.scenario-input:focus{border-color:#16a34a;box-shadow:0 0 0 2px #16a34a33}.scenario-input::-webkit-outer-spin-button,.scenario-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.scenario-result{margin-top:16px;border-top:1px solid #e5e5e5;padding-top:16px}.scenario-result p{margin:0 0 8px;font-size:14px;color:#555}.result-display{font-weight:600;font-size:24px;color:#16a34a}.result-display small{margin-left:8px;font-size:14px;font-weight:400;color:#666}@media(max-width:900px){.scenario-input-group{flex-direction:column;gap:16px}}.gitam-mode .scenario-planner-container{border-color:#16a34a}.page-container{max-width:800px;margin:0 auto;padding:2rem 0;line-height:1.7}.page-container h1{font-size:2.5rem;margin-bottom:1rem}:root{--primary-text: #1a1a1a;--secondary-text: #555;--background-color: #ffffff;--surface-color: #f8f9fa;--border-color: #e9ecef;--accent-color: #007bff;--card-shadow: 0 4px 6px rgba(0, 0, 0, .04);--card-shadow-hover: 0 7px 14px rgba(0, 0, 0, .07);--border-radius: 12px;--transition-speed: .2s}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--background-color);color:var(--primary-text);line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page-wrapper{max-width:960px;margin:40px auto;padding:20px;animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-header{text-align:center;margin-bottom:50px}.page-header h2{font-size:2.5rem;font-weight:700;margin-bottom:10px}.page-header p{font-size:1.1rem;color:var(--secondary-text);max-width:600px;margin:0 auto}.tools-grid-pro{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px}.tool-card-pro{background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:30px;text-align:center;box-shadow:var(--card-shadow);transition:all var(--transition-speed) ease}.tool-icon{font-size:2.5rem;margin-bottom:15px}.tool-card-pro h3{font-size:1.25rem;font-weight:600;margin-bottom:10px}.tool-card-pro p{color:var(--secondary-text);font-size:.95rem;margin-bottom:20px}.cta-button,.cta-button-secondary{display:inline-block;font-weight:500;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;transition:all var(--transition-speed) ease;text-decoration:none}.cta-button{background-color:var(--primary-text);color:#fff}.cta-button:hover{background-color:#333;transform:translateY(-2px)}.suggestion-box{text-align:center;background-color:var(--surface-color);padding:40px;border-radius:var(--border-radius);margin-top:60px}.suggestion-box h3{font-size:1.5rem;margin-bottom:10px}.cta-button-secondary{background:transparent;border:1px solid var(--border-color);color:var(--primary-text);margin-top:15px}.cta-button-secondary:hover{background:var(--background-color);border-color:var(--primary-text)}.blog-category{margin-bottom:50px}.blog-category h3{font-size:1.5rem;font-weight:600;margin-bottom:20px;border-bottom:1px solid var(--border-color);padding-bottom:10px}.blog-post-link{display:flex;justify-content:space-between;align-items:center;padding:20px;text-decoration:none;color:var(--primary-text);border-radius:10px;transition:background-color var(--transition-speed) ease;margin:-10px}.blog-post-link:hover{background-color:var(--surface-color)}.blog-post-link span{font-size:1.1rem;font-weight:500}.blog-post-link .arrow-icon{font-size:1.5rem;color:var(--accent-color);opacity:0;transform:translate(-10px);transition:all var(--transition-speed) ease}.blog-post-link:hover .arrow-icon{opacity:1;transform:translate(0)}.content-page .page-header{text-align:left}.content-page .subtitle{text-align:left;margin:0}.content-page .meta-info{margin-top:15px;color:var(--secondary-text);font-size:.9rem}.content-section{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid var(--border-color)}.content-section:last-child{border-bottom:none}.content-section h4{font-size:1.25rem;margin-bottom:15px}.content-section p{color:var(--secondary-text);margin-bottom:15px}.content-section strong{color:var(--primary-text);font-weight:600}.content-section a{color:var(--accent-color);text-decoration:none;font-weight:500}.content-section a:hover{text-decoration:underline}.tool-card-pro{background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:30px;text-align:center;box-shadow:var(--card-shadow);transition:all var(--transition-speed) ease-in-out;position:relative;overflow:hidden}.tool-card-pro:hover{transform:translateY(-6px);box-shadow:var(--card-shadow-hover)}.tool-card-pro.coming-soon{opacity:.65;filter:grayscale(50%);-webkit-user-select:none;user-select:none}.tool-card-pro.coming-soon:hover{transform:translateY(0);box-shadow:var(--card-shadow)}.cta-button:disabled{background-color:#ccc;cursor:not-allowed}.cta-button:disabled:hover{background-color:#ccc;transform:translateY(0)}.coming-soon-badge{position:absolute;top:18px;right:-35px;background-color:var(--accent-color);color:#fff;padding:5px 40px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transform:rotate(45deg);box-shadow:0 2px 5px #00000026}.tool-icon{font-size:2.5rem;margin-bottom:15px;transition:transform .3s ease}.tool-card-pro:hover .tool-icon{transform:scale(1.15) rotate(-5deg)}.tool-card-pro h3{font-size:1.25rem;font-weight:600;margin-bottom:10px;color:var(--primary-text)}.tool-card-pro p{color:var(--secondary-text);font-size:.95rem;margin-bottom:25px}.privacy-note{font-size:12px;color:#6e6e73;text-align:center;margin-top:16px;line-height:1.5}.privacy-note a{color:#555;text-decoration:underline;transition:color .2s ease}.privacy-note a:hover{color:#16a34a}.faq-category{margin-bottom:50px}.faq-category h3{font-size:1.5rem;font-weight:600;margin-bottom:20px;border-bottom:1px solid var(--border-color);padding-bottom:10px}.faq-item{border-bottom:1px solid var(--border-color)}.faq-question{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;padding:20px 10px;font-size:1.1rem;font-weight:500;color:var(--primary-text);background:none;border:none;cursor:pointer;transition:background-color .2s ease}.faq-question:hover{background-color:var(--surface-color)}.faq-icon{font-size:1.5rem;font-weight:500;color:var(--accent-color);transition:transform .3s ease-in-out}.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s ease-in-out,padding .4s ease-in-out}.faq-answer-content{padding:0 10px;color:var(--secondary-text);line-height:1.8}.faq-item.open .faq-question{font-weight:600;color:var(--accent-color)}.faq-item.open .faq-icon{transform:rotate(180deg)}.faq-item.open .faq-answer{max-height:500px;padding-bottom:25px}