body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#fff;color:#1d1d1f}.app-container{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;padding:40px 20px;box-sizing:border-box}.main-content{display:flex;width:100%;max-width:1200px;gap:40px;flex-direction:column}@media(min-width:900px){.main-content{flex-direction:row;align-items:flex-start}}.calculator-container{flex:1;min-width:300px;max-width:450px;margin:0 auto}@media(min-width:900px){.calculator-container{margin:0}}.header{text-align:center;margin-bottom:32px}.header h1{font-size:28px;margin-bottom:8px;font-weight:700}.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{background-color:#43a047}input:checked+.slider:before{transform:translate(20px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.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}.form-row select{background-image:url('data:image/svg+xml;utf8,<svg fill="black" height="24" viewBox="0 0 24 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::-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;cursor:pointer;margin-top:24px;transition:all .2s}.calculate-btn:hover{opacity:.85}.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}.right-column{flex:1.2;display:flex;flex-direction:column;gap:24px}.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-container{text-align:center}.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}.gitam-mode .calculator-container,.gitam-mode .graph-container,.gitam-mode .impact-analysis{border-color:#43a047}.gitam-mode .header h1{color:#43a047}.gitam-mode .calculate-btn{background-color:#43a047}.gitam-mode .gitam-toggle-container span{color:#43a047}.app-footer{position:fixed;bottom:0;left:0;width:100%;background-color:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid #e5e5e5;padding:12px 20px;box-sizing:border-box;z-index:1000}.footer-content{display:flex;justify-content:center;align-items:center;gap:16px;max-width:1200px;margin:0 auto;font-size:14px;color:#555}.footer-content a{color:#000;font-weight:500;text-decoration:none;transition:color .2s}.footer-content a:hover{color:#2e7d32}.footer-content .disclaimer{font-style:italic;color:#888}.app-container{padding-bottom:80px}.button{--bg-color: #fff;--main-color: #323232;width:40px;height:40px;border-radius:100%;border:2px solid var(--main-color);background-color:var(--bg-color);box-shadow:4px 4px var(--main-color);font-size:25px;display:flex;justify-content:center;align-items:center;transition:all .2s;cursor:pointer}.button:active{box-shadow:0 0 var(--main-color);transform:translate(3px,3px)}.icon{width:24px;height:24px;fill:var(--main-color)}.footer-content{justify-content:space-between;position:relative;height:50px}.footer-center{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:16px}.footer-right{position:absolute;right:20px;top:50%;transform:translateY(-50%)}.car-container{position:relative;width:150px;height:100px;display:flex;justify-content:center;align-items:center;overflow:hidden;transform:scale(.25);transform-origin:center}.car{position:absolute;background-color:#ccc;width:200px;height:120px;left:50px;border-top:4px solid rgb(162,162,162);top:135px;animation:bounce .4s infinite}@keyframes bounce{0%{top:135px}50%{top:132px}}.car:before{content:"";position:absolute;width:290px;height:20px;background-color:#2e2e51;bottom:-10px}.car:after{content:"";position:absolute;background-color:#e5e5e5;width:80px;height:90px;right:-90px;bottom:10px;clip-path:polygon(0% 0%,50% 0,100% 60%,100% 100%,0% 100%)}.window{position:absolute;background-color:#7ebfe2;width:50px;height:40px;right:-75px;top:26px;z-index:1;clip-path:polygon(0% 0%,40% 0,100% 100%,0% 100%);border:2px solid rgb(135,135,135)}.window:before{content:"";position:absolute;background-color:#bae1f7;width:5px;height:40px;left:5px;transform:skew(-36deg);box-shadow:9px 0 #bae1f7}.window:after{content:"";position:absolute;background-color:#6c6b6b;width:10px;height:10px;bottom:2px;right:10px;box-shadow:2px 6px 0 -2px #e5e5e5,inset 2px 0 #cbcbcc}.wheels{position:absolute;width:45px;height:45px;border-radius:50%;background-color:#bcbcbc;border:10px solid rgb(4,4,4);bottom:108px;left:90px;box-shadow:0 0 0 4px;animation:rotation .3s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wheels:before{content:"";position:absolute;width:5px;height:5px;background-color:#434343;top:10px;left:3px;border-radius:50%;box-shadow:14.5px 0 #434343,7px -7px #434343,7px 7px #434343,7px 0 0 4px #434343}.wheels2{left:270px}.cargo-details{position:absolute;width:185px;height:20px;background-color:#e9e9e9;left:8px;top:5px;box-shadow:0 23px #e9e9e9,0 46px #e9e9e9,0 69px #e9e9e9}.cargo-details:before{position:absolute;content:"";width:10px;height:4px;background-color:red;bottom:-72px;box-shadow:10px 0 #fff,20px 0 red,30px 0 #fff,40px 0 red,50px 0 #fff,60px 0 red,70px 0 #fff,80px 0 red,90px 0 #fff,100px 0 red,110px 0 #fff,120px 0 red,130px 0 #fff,140px 0 red,150px 0 #fff,160px 0 red,170px 0 #fff,175px 0 red}.cargo-details:after{position:absolute;content:"";width:10px;height:6px;background-color:#878787;top:-6px;left:-10px;box-shadow:195px 0 #878787,0 125px #2e2e51}.door{position:absolute;width:10px;height:4px;background-color:#000;right:-31px;bottom:40px;z-index:2}.door:before{content:"";position:absolute;width:10px;height:20px;background-color:#555455;left:-21px;z-index:-1;bottom:-30px;box-shadow:inset 0 4px #a3a3a3}.lights{position:absolute;width:12px;height:20px;background-color:#ffedbf;right:-90px;bottom:0;z-index:1;box-shadow:inset 0 -8px #ac0202b7;animation:lighting1 1.5s infinite ease-in-out}@keyframes lighting1{0%{background-color:#ffedbf;box-shadow:inset 0 -8px #ac0202b7}50%{box-shadow:inset 0 -8px #d95301b7}}.lights:before{content:"";position:absolute;width:6px;height:15px;background-color:#cf0202;left:-280px;bottom:0;box-shadow:inset 0 7px #cf0202;animation:lighting 1.5s infinite ease-in-out}@keyframes lighting{0%{box-shadow:inset 0 9px #cf0202}50%{box-shadow:inset 0 9px red}}.lights:after{content:"";position:absolute;width:8px;height:2px;background-color:#515151;top:-8px;box-shadow:0 -6px #515151,0 -12px #515151;right:0}.street{height:2px;width:70px;background-color:#000;position:absolute;bottom:105px;left:0;box-shadow:90px 0,180px 0,270px 0,360px 0;animation:motion 2s linear infinite}.street:before{content:"";height:2px;width:70px;background-color:#000;position:absolute;bottom:0;left:450px;box-shadow:90px 0,180px 0,270px 0,360px 0}@keyframes motion{0%{left:0}to{left:-450px}}.post{position:absolute;width:5px;height:180px;background-color:#000;right:-15px;top:115px;animation:moving 2.9s infinite linear;z-index:-2}@keyframes moving{0%{transform:translate(0)}to{transform:translate(-650px)}}.post:before{width:20px;height:20px;position:absolute;content:"";background-color:#000;top:-15px;left:-7px;clip-path:polygon(0% 0%,100% 0%,80% 100%,20% 100%)}.post:after{content:"";position:absolute;width:0;height:0;border-bottom:20px solid transparent;border-left:10px solid transparent;border-left:20px solid black;transform:rotate(45deg);top:-23px;left:-7px}@media(max-width:600px){.app-container{padding-top:20px}.header h1{font-size:24px}.header p{font-size:15px}.form-row label,.form-row input,.form-row select{padding:10px 14px;font-size:15px}.calculate-btn{padding:12px;font-size:16px}.results-container{margin-top:24px}.summary-text,.details-text{font-size:14px}}
