*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#a8e6cf,#3d9970);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.info-card{background:#fff;border-radius:16px;box-shadow:0 4px 6px #00000012,0 2px 4px #0000000d;display:flex;flex-direction:column;gap:1rem;overflow:hidden;padding:2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.info-card:before{background:#4a90e2;background:var(--card-color,#4a90e2);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.info-card:hover{box-shadow:0 12px 24px #0000001f,0 6px 12px #00000014;transform:translateY(-8px)}.info-card:hover:before{transform:scaleX(1)}.card-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:3rem;margin-bottom:.5rem}.card-title{color:#2c3e50;font-size:1.5rem;font-weight:700;line-height:1.3;margin-bottom:.5rem}.card-description{color:#5a6c7d;flex:1 1;font-size:1rem;line-height:1.6}.card-footer{border-top:1px solid #0000000d;margin-top:1rem;padding-top:1rem}.card-accent{background:#4a90e2;background:var(--card-color,#4a90e2);border-radius:2px;height:3px;transition:width .3s ease;width:40px}.info-card:hover .card-accent{width:60px}@media (max-width:768px){.info-card{padding:1.5rem}.card-icon{font-size:2.5rem}.card-title{font-size:1.3rem}.card-description{font-size:.95rem}}.error-container,.home,.loading-container{display:flex;flex-direction:column;min-height:100vh}.error-container,.loading-container{align-items:center;gap:1rem;justify-content:center}.spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-radius:50%;border-top-color:#4a90e2;height:50px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.error-message{color:#e74c3c;font-size:1.1rem;font-weight:500}.retry-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.retry-btn:hover{box-shadow:0 8px 16px #667eea4d;transform:translateY(-2px)}.hero{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 20px #0000001a;padding:4rem 2rem;text-align:center}.hero-content{margin:0 auto;max-width:800px}.hero-title{color:#fff;font-size:3.5rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 10px #0003}.hero-subtitle{color:#fffffff2;font-size:1.5rem;font-weight:300;margin-bottom:1.5rem}.hero-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:50px;color:#fff;display:inline-block;font-size:.9rem;font-weight:500;letter-spacing:.5px;padding:.5rem 1.5rem}.main-content{flex:1 1;margin:0 auto;max-width:1200px;padding:3rem 2rem;width:100%}.info-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:2rem}.footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-top:1px solid #0000000d;box-shadow:0 -2px 10px #0000000d;color:#666;font-size:.9rem;padding:2rem;text-align:center}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.info-grid{gap:1.5rem;grid-template-columns:1fr}.main-content{padding:2rem 1rem}}.app{min-height:100vh;width:100%}