*{margin:0;padding:0;box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;height:100%}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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center;min-height:100vh;width:100%}.App-header{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff;padding:20px}h1{font-size:3em;margin-bottom:.5em;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.services{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-top:50px;max-width:1200px;width:100%}.service-link{text-decoration:none;color:inherit;display:block;height:100%}.service-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:30px;transition:all .3s ease;border:2px solid rgba(255,255,255,.2);cursor:pointer;height:100%;min-height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center}.service-card:hover{transform:translateY(-10px);background:#fff3;box-shadow:0 10px 30px #0000004d}.service-card h3{font-size:1.8em;margin:0 0 15px}.service-card p{font-size:.9em;opacity:.9;margin:0}@media(max-width:768px){.services{grid-template-columns:1fr}h1{font-size:2em}}