body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App{display:flex;flex-direction:column;min-height:100vh}.header{background:#2c3e50;box-shadow:0 2px 10px #0000004d;color:#fff;padding:1rem}.header h1{font-size:2rem;font-weight:300;margin-bottom:1rem;text-align:center}.nav{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:0;position:relative}.nav:after{background:#ddd;bottom:0;box-shadow:0 1px 3px #0003;content:"";height:1px;left:0;position:absolute;right:0}.nav-button{background:#ffffff1a;border:2px solid #fff3;border-bottom:none;border-radius:25px 25px 0 0;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;position:relative;transition:all .3s ease}.nav-button:hover{background:#fff3;transform:translateY(-2px)}.nav-button.active{background:#fff;border-bottom:1px solid #fff;color:#2c3e50;font-weight:600;z-index:1}.main{flex:1 1;margin:0 auto;max-width:1200px;padding:1rem 1rem 2rem;width:100%}.content{background:#fff;border-radius:15px;box-shadow:0 5px 20px #0000001a;padding:2rem;text-align:center}.content h2{color:#333;font-size:1.8rem;font-weight:400;margin-bottom:1rem}.content p{color:#666;font-size:1.1rem;line-height:1.6}.footer{background:#2c3e50;color:#fff;margin-top:auto;padding:1rem;text-align:center}@media (max-width:768px){.header h1{font-size:1.5rem}.nav{flex-direction:row;gap:.25rem;justify-content:space-around;padding:0 .5rem}.nav-button{flex:1 1;font-size:.85rem;max-width:120px;padding:.5rem .8rem}.main{padding:1rem .5rem}.content{padding:1.5rem}.content h2{font-size:1.5rem}.content p{font-size:1rem}}@media (max-width:480px){.header h1{font-size:1.3rem;margin-bottom:.75rem}.nav{align-items:center;flex-direction:column;gap:.5rem;padding:0 1rem}.nav-button{border-radius:20px;font-size:.9rem;max-width:250px;padding:.75rem 1rem;width:100%}.content{padding:1rem}}
/*# sourceMappingURL=main.b32c5eb9.css.map*/