body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App,body{min-height:100vh}.App{color:#333;text-align:center}.App-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;box-shadow:0 4px 20px #0000001a;margin-bottom:2rem;padding:2rem 1rem}.App-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:3rem;margin-bottom:.5rem}.App-header p{color:#666;font-size:1.2rem;font-weight:300}.App-main{margin:0 auto;max-width:1200px;padding:0 1rem}section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;margin-bottom:2rem;padding:2rem}section h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#333;font-size:2rem;margin-bottom:1rem}section p{color:#666;font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem}.features{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1.5rem}.feature{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;box-shadow:0 4px 15px #667eea4d;color:#fff;font-weight:500;padding:1rem;transition:transform .3s ease,box-shadow .3s ease}.feature:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.api-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:500;padding:1rem 2rem;transition:all .3s ease}.api-button:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.api-button:disabled{cursor:not-allowed;opacity:.6}.api-response{background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:15px;color:#fff;margin-top:2rem;padding:1.5rem}.api-response h3{font-size:1.3rem;margin-bottom:.5rem}.api-message{background:#fff3;border-radius:10px;display:inline-block;font-size:1.1rem;font-weight:500;padding:.5rem 1rem}.info ul{list-style:none;margin:0 auto;max-width:600px;text-align:left}.info li{border-bottom:1px solid #eee;color:#666;font-size:1.1rem;padding:.5rem 0}.info li:last-child{border-bottom:none}@media (max-width:768px){.App-header h1{font-size:2.5rem}.App-header p{font-size:1rem}section{margin-bottom:1.5rem;padding:1.5rem}.features{grid-template-columns:1fr}.api-button{font-size:1rem;padding:.8rem 1.5rem}}@media (max-width:480px){.App-header h1{font-size:2rem}section{padding:1rem}.App-main{padding:0 .5rem}}