*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background-color:#f4f4f4;font-family:Arial,sans-serif;line-height:1.6}.nav{z-index:100;background:#333;padding:1rem 0;position:-webkit-sticky;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem;display:flex}.nav-logo{color:#fff;font-size:1.5rem;font-weight:700;text-decoration:none}.nav-menu{gap:2rem;list-style:none;display:flex}.nav-link{color:#fff;text-decoration:none;transition:color .3s}.nav-link:hover{color:#4caf50}.main{max-width:1200px;min-height:calc(100vh - 120px);margin:0 auto;padding:2rem}.page-container{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 2px 5px rgba(0,0,0,.1)}.footer{color:#fff;text-align:center;background:#333;margin-top:auto;padding:1rem}.btn{color:#fff;background:#4caf50;border-radius:4px;margin-top:1rem;padding:10px 20px;text-decoration:none;transition:background .3s;display:inline-block}.btn:hover{background:#45a049}.card{background:#fff;border-radius:8px;margin:1rem 0;padding:1.5rem;box-shadow:0 2px 5px rgba(0,0,0,.1)}