body{margin:0;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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;padding:20px}.menu-title{font-size:2.5rem;margin-bottom:3rem;color:#61dafb}.menu-grid{display:flex;justify-content:center;gap:2rem;max-width:1200px;width:100%;flex-wrap:wrap}.menu-tile{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;padding:3rem 2rem;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;flex:1;max-width:350px}.menu-tile:hover{transform:translateY(-10px);box-shadow:0 15px 40px #0006}.menu-tile:nth-child(1){background:linear-gradient(135deg,#667eea,#764ba2)}.menu-tile:nth-child(2){background:linear-gradient(135deg,#f093fb,#f5576c)}.menu-tile:nth-child(3){background:linear-gradient(135deg,#4facfe,#00f2fe)}.menu-tile:nth-child(4){background:linear-gradient(135deg,#43e97b,#38f9d7)}.tile-icon{font-size:4rem;margin-bottom:1rem}.tile-label{font-size:1.5rem;font-weight:700;color:#fff}@media (max-width: 768px){.menu-grid{flex-direction:column;gap:1.5rem}.menu-title{font-size:2rem;margin-bottom:2rem}.menu-tile{padding:2rem 1.5rem;min-height:150px;max-width:none}}