*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#f5f5f5;color:#333}.container{max-width:1200px;margin:0 auto;padding:20px}header{background:#fff;box-shadow:0 2px 4px #0000001a;margin-bottom:30px}.header-content{max-width:1200px;margin:0 auto;padding:20px;display:flex;align-items:center;gap:20px}.logo{display:flex;flex-direction:row;align-items:center;text-decoration:none;color:#333}.logo-icon{font-size:24px;padding-right:8px}.logo-text{font-size:18px;font-weight:600;margin-top:5px}nav{display:flex;gap:20px;margin-left:auto}nav a{text-decoration:none;color:#666;padding:8px 16px;border-radius:4px;transition:background .2s}nav a:hover,nav a.active{background:#f0f0f0;color:#333}.calc-card{background:#fff;border-radius:8px;padding:30px;box-shadow:0 2px 8px #0000001a;max-width:600px;margin:0 auto}.calc-card h1{margin-bottom:20px;color:#333}.input-group{margin-bottom:20px}.input-group label{display:block;margin-bottom:8px;font-weight:500}.input-group input,.input-group select{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px}.result{background:#f8f9fa;padding:20px;border-radius:4px;margin-top:20px;font-size:18px;font-weight:600}.calc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.calc-btn{padding:20px;font-size:18px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;transition:background .2s}.calc-btn:hover{background:#f0f0f0}.calc-btn.operator{background:#ff9500;color:#fff;border-color:#ff9500}.calc-btn.operator:hover{background:#e68600}.calc-btn.span-2{grid-column:span 2}.display{background:#f8f9fa;padding:20px;border-radius:4px;text-align:right;font-size:32px;margin-bottom:20px;min-height:60px;border:1px solid #ddd}.ad-container{margin:30px auto;text-align:center;min-height:90px;background:#f8f9fa;border:1px dashed #ddd;display:flex;align-items:center;justify-content:center}footer{background:#fff;margin-top:50px;padding:30px 20px;text-align:center;border-top:1px solid #ddd}footer a{color:#666;text-decoration:none;margin:0 10px}footer a:hover{color:#333}@media (max-width: 768px){.header-content{flex-direction:column}nav{margin-left:0}.calc-grid{grid-template-columns:repeat(4,1fr)}}