*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app{flex-direction:column;width:100%;height:100vh;display:flex}.container{flex-direction:column;max-width:1200px;min-height:100vh;margin:0 auto;padding:0 20px;display:flex}.header{text-align:center;background:#fffffff2;border-bottom:3px solid #667eea;border-radius:10px;margin:20px 0;padding:30px 0;box-shadow:0 4px 6px #0000001a}.header h1{color:#667eea;margin-bottom:10px;font-size:2.5em}.header p{color:#666;font-size:1.1em}.main-content{flex:1;padding:20px 0}.hero{text-align:center;background:#fffffff2;border-radius:10px;margin-bottom:30px;padding:40px;box-shadow:0 4px 6px #0000001a}.hero h2{color:#667eea;margin-bottom:15px;font-size:2em}.hero p{color:#666;font-size:1.2em}.api-test{background:#fffffff2;border-radius:10px;margin-bottom:30px;padding:30px;box-shadow:0 4px 6px #0000001a}.api-test h3{color:#667eea;margin-bottom:20px;font-size:1.5em}.api-test button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:5px;padding:12px 30px;font-size:1em;font-weight:700;transition:transform .2s,box-shadow .2s}.api-test button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 12px #667eea66}.api-test button:disabled{opacity:.6;cursor:not-allowed}.error{color:#c33;background-color:#fee;border-left:4px solid #c33;border-radius:5px;margin-top:20px;padding:15px}.data-display{background:#f5f5f5;border-radius:5px;margin-top:20px;padding:20px;overflow-x:auto}.data-display pre{color:#333;font-family:Courier New,monospace;font-size:.9em}.features{background:#fffffff2;border-radius:10px;margin-bottom:30px;padding:30px;box-shadow:0 4px 6px #0000001a}.features h3{color:#667eea;margin-bottom:20px;font-size:1.5em}.features ul{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;list-style:none;display:grid}.features li{color:#555;background:#f9f9f9;border-left:4px solid #667eea;border-radius:5px;padding:15px;font-size:1.1em}.footer{text-align:center;color:#666;background:#fffffff2;border-top:3px solid #667eea;border-radius:10px;margin-top:30px;padding:20px}@media (width<=768px){.header h1{font-size:2em}.hero h2{font-size:1.5em}.features ul{grid-template-columns:1fr}.api-test,.hero,.features,.footer{padding:20px}}html,body,#root{width:100%;height:100%;margin:0;padding:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}