body{font-family:Arial,sans-serif;background-color:#fff;color:#333}.footer{padding:16px;text-align:center;box-shadow:0 2px 4px #0003}.header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:16px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0003;background-color:var(--bg-color)}.logo{font-size:24px;font-weight:700}.menu-icon{display:none;cursor:pointer}.nav{display:flex}.nav-links{list-style:none;display:flex;gap:24px;align-items:center}.nav-links li a{text-decoration:none}.nav-links li a:hover{text-decoration:underline}button{cursor:pointer;border:1px solid var(--text-color);border-radius:10px;padding:2px 2px 0}.nav-link{color:var(--text-color);text-decoration:none;margin-right:1rem}@media (max-width: 768px){.menu-icon{display:block}.nav{position:absolute;top:60px;left:0;right:0;background-color:var(--bg-color);flex-direction:column;display:none;padding:20px 0;box-shadow:0 4px 6px #0000001a}.nav.open{display:flex}.nav-links{flex-direction:column;align-items:center;gap:15px}}.hero{padding:70px 0}.hero-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;background:#4da6ff;padding:40px 20px;gap:30px}.hero-image img{max-width:300px;width:100%;height:auto}.hero-text{max-width:500px;text-align:center}.hero-text h1{font-size:2rem;margin-bottom:20px}.cta-button{color:#4da6ff;border:2px solid white;padding:12px 24px;border-radius:8px;font-weight:700;cursor:pointer;margin-bottom:20px}.hero-calculator{padding:50px 20px;text-align:center}.hero-calculator h2{font-size:2rem;margin-bottom:30px}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.card{padding:25px;border-radius:12px;box-shadow:0 4px 8px var(--text-color);transition:transform .2s ease}.card:hover{transform:translateY(-5px)}.card h3{margin-bottom:10px;font-size:1.2rem}.card-grid a{text-decoration:none;color:inherit}@media (max-width: 768px){.hero-text h1{font-size:1.5rem}.cta-button{font-size:.9rem;padding:10px 20px}}.container p{font-size:18px;line-height:1.6;margin-bottom:16px}.container p{font-size:18px;margin-bottom:16px}.container ul{list-style:none;padding-left:0;font-size:16px}.container li{margin-bottom:8px}:root{--bg-color: #f1f1f1;--text-color: black}[data-theme=dark]{--bg-color: #121212;--text-color: #f1f1f1}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background-color:var(--bg-color);color:var(--text-color);transition:background .3s ease,color .3s ease}.text-center{text-align:center}h2{color:red}.btn{padding:12px 24px;border:none;border-radius:6px;cursor:pointer}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0056b3}.flex{display:flex}.justify-between{justify-content:space-between}.align-center{align-items:center}.container{max-width:800px;margin:0 auto;padding:80px 20px}.container h1{font-size:36px;margin-bottom:20px}.paperContainer{padding:20px;max-width:500px;margin:40px auto auto}.inputGroup{display:flex;flex-direction:column;gap:16px}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;overflow-y:auto}