*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column;color:#fff}.app-header{padding:2rem;text-align:center;background:#0003}.app-header h1{font-size:3rem;margin-bottom:.5rem}.app-header p{font-size:1.2rem;opacity:.9}.app-main{flex:1;display:flex;justify-content:center;align-items:center;padding:2rem}.card{background:#fff;color:#333;padding:3rem;border-radius:1rem;box-shadow:0 10px 30px #0000004d;max-width:500px;width:100%}.card h2{color:#667eea;margin-bottom:1rem}.card p{line-height:1.6;margin-bottom:1rem}.counter{margin:2rem 0;text-align:center}.counter button{background:#667eea;color:#fff;border:none;padding:1rem 2rem;font-size:1.2rem;border-radius:.5rem;cursor:pointer;transition:all .3s ease}.counter button:hover{background:#764ba2;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.counter button:active{transform:translateY(0)}.info{margin-top:2rem;padding-top:2rem;border-top:1px solid #eee}.info p{margin-bottom:.5rem;font-size:.9rem}.app-footer{padding:1rem;text-align:center;background:#0003;font-size:.9rem}@media(max-width:768px){.app-header h1{font-size:2rem}.card{padding:2rem}}