body{font-family:'Inter',sans-serif}.gradient-bg{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.gradient-text{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.card-hover{transition:all 0.3s ease;cursor:pointer}.card-hover:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgb(0 0 0 / .1)}.json-key{color:#00B8D9;font-weight:600}.json-string{color:#10b981}.json-number{color:#3b82f6}.json-boolean{color:#f59e0b}.json-null{color:#ef4444}.tab-active{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.demo-ip-btn{transition:all 0.3s ease}.demo-ip-btn:hover{transform:scale(1.05)}.faq-question{cursor:pointer;transition:all 0.3s ease}.faq-question:hover{background:linear-gradient(135deg,#60A5FA,#22D3EE)}.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.3s ease}.faq-answer.active{max-height:500px}pre{background:#1e1e1e;border-radius:8px;padding:20px;overflow-x:auto;font-size:14px;line-height:1.6}.loading-spinner{border:3px solid #f3f3f3;border-top:3px solid #667eea;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.hero-gradient{background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#f093fb 100%)}.feature-icon{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}