.responsive-container{padding:16px;width:100%;max-width:100%;margin:0 auto}.responsive-card{margin-bottom:16px;padding:16px;width:100%}.responsive-input{width:100%;margin-bottom:16px}.responsive-button-group{display:flex;flex-direction:column;gap:8px;width:100%}.responsive-button{width:100%}.responsive-text{font-size:14px;line-height:1.5}.responsive-heading{font-size:24px;margin-bottom:16px}.responsive-grid{display:grid;grid-template-columns:1fr;gap:16px}@media screen and (min-width: 768px){.responsive-container{padding:24px;max-width:720px}.responsive-card{padding:24px}.responsive-button-group{flex-direction:row;justify-content:flex-end}.responsive-button{width:auto}.responsive-text{font-size:16px}.responsive-heading{font-size:28px}.responsive-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width: 1024px){.responsive-container{padding:32px;max-width:960px}.responsive-card{padding:32px}.responsive-text{font-size:16px}.responsive-heading{font-size:32px}.responsive-grid{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width: 1280px){.responsive-container{max-width:1200px}}.mb-0{margin-bottom:0!important}.mb-2{margin-bottom:8px!important}.mb-4{margin-bottom:16px!important}.mb-8{margin-bottom:32px!important}.mt-0{margin-top:0!important}.mt-2{margin-top:8px!important}.mt-4{margin-top:16px!important}.mt-8{margin-top:32px!important}.p-0{padding:0!important}.p-2{padding:8px!important}.p-4{padding:16px!important}.p-8{padding:32px!important}.flex{display:flex!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.gap-2{gap:8px!important}.gap-4{gap:16px!important}@media screen and (max-width: 767px){.hidden-mobile{display:none!important}}@media screen and (min-width: 768px) and (max-width: 1023px){.hidden-tablet{display:none!important}}@media screen and (min-width: 1024px){.hidden-desktop{display:none!important}}code{white-space:pre-wrap!important;word-wrap:break-word!important;word-break:break-all!important;overflow-wrap:break-word!important;max-width:100%!important}@tailwind base;@tailwind components;@tailwind utilities;:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#666}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s ease-out forwards}.text-gradient{background:linear-gradient(to right,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}