:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{box-sizing:border-box}body{margin:0;padding: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}#root{width:100%;min-height:100vh}.App{text-align:center;padding:20px;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.App-header{max-width:1200px;margin:0 auto}h1{font-size:2.5rem;margin-bottom:2rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:2rem;margin:2rem 0;border:1px solid rgba(255,255,255,.2)}.input-field{padding:12px 20px;font-size:1.1rem;border:none;border-radius:8px;margin-right:10px;width:300px;max-width:100%}.clear-btn,.post-btn,.get-btn{padding:12px 24px;font-size:1.1rem;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:700}.clear-btn{background:#ff6b6b;color:#fff}.post-btn{background:#4ecdc4;color:#fff;margin:1rem 0}.display-text{font-size:1.5rem;font-weight:700}.api-section{margin:2rem 0}.api-response{background:#fff3;border-radius:10px;padding:1rem;margin-top:1rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.sample-content{margin-top:3rem}.content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.content-card{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:2rem;border:1px solid rgba(255,255,255,.2);transition:transform .3s ease}.content-card:hover{transform:translateY(-5px)}.content-card h3{color:gold;margin-bottom:1rem}.content-card p{line-height:1.6;margin-bottom:.5rem}@media (max-width: 768px){.input-field{width:100%;margin-bottom:10px}.content-grid{grid-template-columns:1fr}h1{font-size:2rem}}.res-text{font-size:1.5rem}