.tools-container{display:grid;gap:2rem;padding:20px 0}.tool-card{background:#1a1a1a;border-radius:12px;padding:2rem;margin:2rem 0;box-shadow:0 2px 4px rgba(0,0,0,.1)}.tool-title{color:#81c784;font-size:2rem;margin:0 0 1rem;font-weight:400;padding-bottom:10px;border-bottom:1px solid #333}.tool-description{color:#aaa;font-size:1rem;line-height:1.6;margin-bottom:2rem}.calculator-container{background:#1a1a1a;border-radius:12px;padding:2rem;margin:2rem 0;border:1px solid #333}.calculator-title{color:#81c784;font-size:2rem;margin:0 0 1rem;font-weight:400;padding-bottom:10px;border-bottom:1px solid #333}.calculator-description{color:#aaa;font-size:1rem;line-height:1.6;margin-bottom:2rem}.subnet-container{margin:1.5rem 0}.result-container{display:none}.result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.result-section{background:#1a1a1a;padding:1.5rem;border-radius:8px;border:1px solid #333}.result-section h3{color:#81c784;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid #333;font-size:1.2rem;font-weight:400}.result-item{margin:.8rem 0;padding:8px;background:#222;border-radius:4px;color:#aaa;line-height:1.4}.result-item strong{color:#81c784;margin-right:.5rem;font-weight:400}.input-group{margin:.8rem 0}.input-group label{display:block;color:#81c784;margin-bottom:.5rem}.input-group input{width:100%;padding:.5rem;background:#222;border:1px solid #333;border-radius:4px;color:#aaa;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input-group input:focus{outline:none;border-color:#81c784;background:#222;color:#aaa}.input-group input::selection{background:#333;color:#81c784}.input-group input::-moz-selection{background:#333;color:#81c784}.input-group input:-webkit-autofill,.input-group input:-webkit-autofill:hover,.input-group input:-webkit-autofill:focus,.input-group input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #222 inset!important;-webkit-text-fill-color:#aaa!important}.calculate-button{display:flex;align-items:center;justify-content:center;background:#1a1a1a;color:#81c784;border:1px solid #333;cursor:pointer;transition:all .3s ease;margin:2rem auto;padding:10px 20px;border-radius:4px;font-size:16px;gap:8px}.calculate-button:hover{background:#222;color:#4caf50}.features-list{margin-top:2rem;padding:1.5rem;background:#1a1a1a;border-radius:8px;border:1px solid #333}.features-list h3{color:#81c784;margin:0 0 1rem;font-size:1.2rem;font-weight:400;padding-bottom:.5rem;border-bottom:1px solid #333}.features-list ul{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin:0;padding:0;list-style:none}.features-list li{color:#aaa;padding:.5rem;position:relative;padding-left:1.5rem;font-size:.9rem}.features-list li:before{content:"✓";color:#81c784;position:absolute;left:0}.error-message{color:#ff6b6b;background:#222;padding:1rem;border-radius:4px;margin-top:1rem;text-align:center}.binary-view{font-family:monospace;background:#222;padding:1rem;border-radius:4px;color:#aaa;margin-top:1rem;overflow-x:auto}@media(max-width:768px){.result-grid{grid-template-columns:1fr}.features-list ul{grid-template-columns:1fr}}