.app{max-width:800px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}header{text-align:center;margin-bottom:30px;padding:20px 0;border-bottom:2px solid #e31e24}header h1{color:#003c71;margin:0}header p{color:#666;margin:10px 0 0}main{margin-bottom:30px}.content{text-align:center}.content h2{color:#003c71}.counter{margin:30px 0}.counter button{background-color:#e31e24;color:#fff;border:none;padding:10px 20px;font-size:16px;border-radius:5px;cursor:pointer}.counter button:hover{background-color:#c41e22}.info{background-color:#f8f9fa;padding:20px;border-radius:5px;margin-top:30px}.info h3{color:#003c71;margin-top:0}footer{text-align:center;padding:20px 0;border-top:1px solid #ddd;color:#666}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;line-height:1.5;color:#333;background-color:#fff}#root{width:100%}