*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;width:100%;overflow:hidden}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0f172a;color:#e2e8f0}.homeContainer{display:flex;flex-direction:row;height:100vh;width:100vw;overflow:hidden;background:linear-gradient(180deg,#0f172a,#1e293b)}.adsFirst,.adsSecond{flex:0 0 160px;min-width:160px;background:#172554;color:#94a3b8;font-weight:500;display:flex;align-items:center;justify-content:center;font-size:.9rem;text-align:center}.adsFirst{border-right:1px solid #1e293b}.adsSecond{border-left:1px solid #1e293b}.mainContent{flex:1 1;max-width:900px;margin:0 auto;padding:1.2rem 1rem;display:flex;flex-direction:column;overflow-y:auto;height:100vh;min-width:0;scrollbar-width:thin;scrollbar-color:#64748b #1e293b}.mainContent::-webkit-scrollbar{width:10px}.mainContent::-webkit-scrollbar-track{background:#1e293b;border-radius:8px}.mainContent::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#475569,#334155);border-radius:8px;border:2px solid #1e293b}.mainContent::-webkit-scrollbar-thumb:hover{background:#64748b}.mainContent--nested{overflow:hidden;max-width:none;width:100%;flex:1 1}.mainContent--centered{justify-content:center}.mainContent-scroll{flex:1 1;min-height:0;width:100%;overflow-y:auto;overflow-x:hidden;padding-right:.35rem;padding-bottom:.75rem;scrollbar-width:thin;scrollbar-color:#64748b #1e293b}.mainContent-scroll::-webkit-scrollbar{width:10px}.mainContent-scroll::-webkit-scrollbar-track{background:#1e293b;border-radius:8px}.mainContent-scroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#475569,#334155);border-radius:8px;border:2px solid #1e293b}.mainContent-scroll::-webkit-scrollbar-thumb:hover{background:#64748b}.mainContent-scroll .seo-content{width:100%;max-width:100%;margin-bottom:0}.footer-calculator{flex-shrink:0}.mobile-ad-bottom,.mobile-ad-top{display:none;width:100%;max-height:100px;min-height:100px;background:#253549;margin:1rem 0;border-radius:8px;align-items:center;justify-content:center;color:#94a3b8;font-weight:500;font-size:1rem}.header{text-align:center;margin-bottom:1rem}h1{font-size:2.2rem;color:#60a5fa;margin-bottom:.3rem;font-weight:700}.subtitle{color:#94a3b8;font-size:.95rem}.info-box{background:#1e293b;border-left:4px solid #3b82f6;padding:.9rem 1.2rem;margin-bottom:1.4rem;border-radius:10px;font-size:.9rem;color:#cbd5e1}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.1rem 1.6rem;gap:1.1rem 1.6rem;margin-bottom:1.8rem}label{display:flex;flex-direction:column;gap:.4rem;font-weight:600;color:#cbd5e1;font-size:.95rem}.required{color:#f87171;font-size:.85rem}input,select{padding:.75rem 1rem;font-size:.95rem;background:#1e293b;color:#f1f5f9;border:1px solid #334155;border-radius:8px}input:focus,select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px rgba(96,165,250,.2);background:#253549}.checkbox-container{flex-direction:row;align-items:center;gap:.7rem}.checkbox-container input{width:1.2rem;height:1.2rem;accent-color:#60a5fa}.result-box{background:#1e293b;border:1px solid #334155;border-radius:14px;padding:1.8rem 1.5rem;text-align:center;margin-bottom:1.5rem}.result-percentage{font-size:4.8rem;font-weight:800;color:#60a5fa;line-height:1}.result-text{font-size:1.3rem;font-weight:600}.footer{margin-top:auto;padding:1rem 0;color:#64748b;font-size:.85rem;text-align:center}.hesapla-button-container{display:flex;justify-content:center;margin:1.5rem 0}.hesapla-button{padding:.9rem 2.5rem;font-size:1.1rem;font-weight:600;color:white;background:#3b82f6;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px rgba(59,130,246,.3)}.hesapla-button:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 6px 16px rgba(59,130,246,.4)}.result-box.highlighted{border-color:#60a5fa;box-shadow:0 0 20px rgba(96,165,250,.5);transform:scale(1.02);transition:all .4s ease}@media (max-width:768px){.hesapla-button{padding:1rem 3rem;font-size:1.15rem}}@media (max-width:1024px){.homeContainer{flex-direction:column}.adsFirst,.adsSecond{display:none}.mainContent{max-width:100%;padding:.8rem;height:auto;overflow-y:auto}.mainContent--centered{justify-content:flex-start;min-height:100vh;min-height:100dvh;width:100%}.mobile-ad-bottom,.mobile-ad-top{display:flex}.mainContent.mainContent--nested{overflow-y:auto;overflow-x:hidden}.mainContent--nested .mainContent-scroll{flex:0 0 auto;min-height:unset;overflow:visible}}@media (max-width:768px){.form-grid{grid-template-columns:1fr;gap:1rem}h1{font-size:1.9rem}.result-percentage{font-size:4rem}}.page-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:.9rem;gap:.9rem;margin:1.2rem 0 .5rem}.page-buttons-title{grid-column:1/-1;text-align:center;color:#cbd5e1;margin-bottom:.2rem}.page-button,.page-buttons-title{font-weight:700;font-size:1.05rem}.page-button{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:.95rem 1.2rem;text-decoration:none;color:#ffffff;background:#3b82f6;border-radius:10px;box-shadow:0 4px 12px rgba(59,130,246,.3);border:none;transition:all .2s ease}.page-button:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 6px 16px rgba(59,130,246,.4)}@media (max-width:1024px){.page-buttons{width:80%;align-self:center;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.page-buttons{grid-template-columns:1fr}}.helloWorld{display:flex;align-items:center;justify-content:center;min-height:260px;font-size:2rem;font-weight:800;color:#60a5fa;text-align:center}.seo-content{display:flex;flex-direction:column;gap:1.1rem;margin-bottom:1.5rem;width:100%}.seo-section{background:#1e293b;border:1px solid #334155;border-radius:14px;padding:1.1rem 1.2rem}.seo-section h2{color:#60a5fa;font-size:1.25rem;margin-bottom:.6rem}.seo-section h3{color:#cbd5e1;font-size:1.05rem;margin:1rem 0 .4rem}.seo-section p{color:#cbd5e1;font-size:.98rem;line-height:1.6}.seo-content a:not(.page-button){color:#60a5fa;text-decoration:underline;text-underline-offset:2px}.seo-content a:not(.page-button):hover{color:#93c5fd}.seo-list{margin-top:.6rem;padding-left:1.2rem}.seo-list li{color:#cbd5e1;font-size:.98rem;line-height:1.7}.seo-faq p{margin-top:0}.seo-cta{text-align:center}.seo-cta-link{margin-top:.6rem;max-width:520px;margin-left:auto;margin-right:auto}