:root{--primary-blue:#2563eb;--primary-purple:#7c3aed;--secondary-blue:#1e40af;--accent-orange:#f59e0b;--text-dark:#1f2937;--text-gray:#6b7280;--text-light:#9ca3af;--bg-white:#ffffff;--bg-gray-50:#f9fafb;--bg-gray-100:#f3f4f6;--border-gray:#e5e7eb;--shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1),0 2px 4px -2px rgb(0 0 0 / 0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.1),0 4px 6px -4px rgb(0 0 0 / 0.1)}*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;line-height:1.6;margin:0;padding:0;background-color:var(--bg-gray-50);color:var(--text-dark)}.container{max-width:1200px;margin:0 auto;padding:0 1rem}header{background-color:var(--bg-white);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100}.header-content{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0}.logo{font-size:1.5rem;font-weight:700;color:var(--primary-blue);text-decoration:none}.nav{display:flex;gap:2rem}.nav a{color:var(--text-gray);text-decoration:none;font-weight:500;transition:color 0.2s ease}.nav a:hover{color:var(--primary-blue)}.hero{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-purple) 100%);color:white;padding:4rem 0;text-align:center}.hero h1{font-size:3rem;font-weight:700;margin-bottom:1rem;line-height:1.2}.hero .subtitle{font-size:1.25rem;margin-bottom:2rem;opacity:0.9;max-width:800px;margin-left:auto;margin-right:auto}.hero .badge{display:inline-block;background:rgba(255,255,255,0.1);padding:0.75rem 1.5rem;border-radius:2rem;font-weight:600;backdrop-filter:blur(10px)}.content-section{padding:4rem 0}.section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:3rem;color:var(--text-dark)}.grid{display:grid;gap:2rem}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:1024px){.grid-cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.grid-cols-2,.grid-cols-3{grid-template-columns:repeat(1,minmax(0,1fr))}.hero h1{font-size:2.5rem}.nav{display:none}}.card{background-color:var(--bg-white);border-radius:0.75rem;box-shadow:var(--shadow-md);padding:1.5rem;transition:all 0.2s ease;border:1px solid var(--border-gray)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card h3{font-size:1.125rem;font-weight:600;margin-bottom:0.75rem;color:var(--text-dark);line-height:1.4}.card h3 a{color:inherit;text-decoration:none;transition:color 0.2s ease}.card h3 a:hover{color:var(--primary-blue)}.card p{color:var(--text-gray);font-size:0.875rem;margin-bottom:1rem;line-height:1.5}.card .cta-link{display:inline-flex;align-items:center;color:var(--primary-blue);font-weight:500;text-decoration:none;transition:color 0.2s ease}.card .cta-link:hover{color:var(--secondary-blue)}.card .cta-link svg{margin-left:0.5rem;width:1rem;height:1rem}.code-block{background-color:#1f2937;color:#f9fafb;padding:1.5rem;border-radius:0.5rem;font-family:'Monaco','Menlo','Ubuntu Mono',monospace;font-size:0.875rem;line-height:1.5;overflow-x:auto;margin:1rem 0}.code-inline{background-color:var(--bg-gray-100);color:var(--text-dark);padding:0.25rem 0.5rem;border-radius:0.25rem;font-family:'Monaco','Menlo','Ubuntu Mono',monospace;font-size:0.875rem}.btn{display:inline-flex;align-items:center;padding:0.75rem 1.5rem;border-radius:0.5rem;font-weight:600;text-decoration:none;transition:all 0.2s ease;border:none;cursor:pointer}.btn-primary{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-purple) 100%);color:white}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-secondary{background-color:var(--bg-white);color:var(--primary-blue);border:2px solid var(--primary-blue)}.btn-secondary:hover{background-color:var(--primary-blue);color:white}.text-center{text-align:center}.mb-1{margin-bottom:0.25rem}.mb-2{margin-bottom:0.5rem}.mb-3{margin-bottom:0.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-1{margin-top:0.25rem}.mt-2{margin-top:0.5rem}.mt-3{margin-top:0.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.rounded{border-radius:0.25rem}.rounded-lg{border-radius:0.5rem}.rounded-xl{border-radius:0.75rem}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-clamp:3}@media (max-width:768px){.hero h1{font-size:2rem}.hero .subtitle{font-size:1.125rem}.section-title{font-size:2rem}}