*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;text-align:center}.header h1{font-size:2.5rem;margin-bottom:.5rem}.header p{font-size:1.2rem;opacity:.9}.main{flex:1;padding:2rem}.hero{max-width:800px;margin:0 auto;text-align:center;padding:4rem 2rem}.hero h2{font-size:2rem;color:#333;margin-bottom:1rem}.hero p{font-size:1.1rem;color:#666;line-height:1.6}.footer{background-color:#333;color:#fff;text-align:center;padding:1rem;margin-top:auto}