body{font-family:Arial,sans-serif;text-align:center}h1{margin-bottom:40px}a:link,a:visited{color:#0056b3;text-decoration:none}.header{border-bottom:1px solid #e2e8f0}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem}.hamburger{display:none}.bar{display:block;width:25px;height:3px;margin:5px auto;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;background-color:#101010}.nav-menu{display:flex;justify-content:space-between;align-items:center;list-style-type:none}.nav-item{margin-left:5rem}.nav-link{font-size:1.6rem;font-weight:400;color:#475569}.nav-link:hover{color:#482ff7}.nav-logo{font-size:1.4rem;font-weight:600;color:#482ff7}@media only screen and (max-width:768px){.nav-menu{position:fixed;left:-120%;top:5rem;flex-direction:column;background-color:#fff;width:100%;border-radius:10px;text-align:center;transition:.3s;box-shadow:0 10px 27px rgba(0,0,0,5%)}.nav-menu.active{left:0}.nav-item{margin:2.5rem 0}.hamburger{display:block;cursor:pointer}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(1){transform:translateY(8px)rotate(45deg)}.hamburger.active .bar:nth-child(3){transform:translateY(-8px)rotate(-45deg)}}footer{margin-bottom:30px}.input-wrapper{margin-bottom:30px}.input-wrapper label{display:block;margin-bottom:5px;font-size:16px}.range-slider{width:240px;margin:0 auto}.range-slider input[type=range]{-webkit-appearance:none;width:100%;height:14px;background:#d3d3d3;border-radius:5px;outline:none;margin:0;padding:0}.range-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:30px;height:30px;background:#007bff;border-radius:50%;cursor:pointer}.range-slider input[type=range]::-webkit-slider-thumb:hover{background:#0056b3}.selected-value{font-size:30px;margin-top:30px;color:#888}button{padding:14px 25px;font-size:16px;cursor:pointer;background-color:#007bff;color:#fff;border:none;border-radius:5px;transition:background-color .3s}button:hover{background-color:#0056b3}.mode-selector input[type=radio]{display:none}.mode-selector label{display:inline-block;padding:8px 16px;font-size:16px;cursor:pointer;border:2px solid #ccc;border-radius:5px;margin-right:10px}.mode-selector label:hover{background-color:#f0f0f0}.mode-selector label.checked{background-color:#007bff;color:#fff;border-color:#007bff}.text-wrapper{text-align:center;width:800px;max-width:90%;margin:50px auto;line-height:1.6;font-size:16px}.text-wrapper p{margin-bottom:20px;text-align:left}.text-wrapper img{max-width:100%}.text-wrapper ol{text-align:left}.text-wrapper.border-top{border-top:1px solid #d3d3d3}