:root{--primary-color: #4f46e5;--secondary-color: #6366f1;--accent-color: #818cf8;--text-color: #1f2937;--light-bg: #f9fafb;--dark-bg: #111827;--border-radius: 8px;--box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:var(--text-color);line-height:1.6;background:linear-gradient(to bottom right,#f9fafb,#f3f4f6);min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1.25rem;font-weight:500;border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;text-decoration:none;border:none;outline:none}.btn.primary{background-color:var(--primary-color);color:#fff}.btn.primary:hover{background-color:#3a30e2;transform:translateY(-1px)}.btn.secondary{background-color:#fff;color:var(--primary-color);border:1px solid #e5e7eb}.btn.secondary:hover{border-color:var(--primary-color);transform:translateY(-1px)}.card{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:1.5rem;margin-bottom:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;background-color:#f3f4f6;padding:.2rem .4rem;border-radius:4px;font-size:.9em}pre{background-color:#f3f4f6;padding:1rem;border-radius:var(--border-radius);overflow-x:auto;margin:1rem 0}.text-center{text-align:center}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:1rem}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-12{padding-top:3rem;padding-bottom:3rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}@media (max-width: 768px){.grid{grid-template-columns:1fr}}
