.App{text-align:center;padding:2rem;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}h1{font-size:2rem;margin:0 0 1rem;word-wrap:break-word}p{font-size:1.1rem;margin:0 0 2rem;max-width:90vw}button{padding:.75rem 1.5rem;font-size:1rem;border-radius:.5rem;border:none;background:white;color:#667eea;cursor:pointer;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #0003;min-width:150px}button:hover{background:#f0f0f0;transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}button:active{transform:translateY(0)}@media (min-width: 768px){.App{padding:3rem 2rem}h1{font-size:2.5rem}p{font-size:1.3rem}button{padding:1rem 2rem;font-size:1.1rem;min-width:200px}}@media (min-width: 1024px){.App{padding:4rem 2rem}h1{font-size:3rem}p{font-size:1.5rem;max-width:600px}button{padding:1rem 2.5rem;font-size:1.2rem;min-width:220px}}@media (min-width: 768px) and (max-height: 500px){.App{padding:1.5rem 2rem}h1{font-size:2rem;margin:0 0 .5rem}p{font-size:1rem;margin:0 0 1rem}button{padding:.75rem 1.5rem;font-size:1rem}}@media (hover: none) and (pointer: coarse){button{padding:1rem 1.5rem;min-width:60px;min-height:44px}button:active{background:#e0e0e0}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}