*{margin:0;padding:0;box-sizing:border-box}:root{--background:#fff;--foreground:#000;--muted:#f9f9f9;--muted-foreground:#555;--border:#e5e7eb;--card:#fff;--card-foreground:#000;--primary-gradient:linear-gradient(90deg,#8b5cf6,#ec4899);--primary-foreground:#fff}.dark{--background:#000;--foreground:#fff;--muted:#1a1a1a;--muted-foreground:#9ca3af;--border:#1f2937;--card:#1a1a1a;--card-foreground:#fff;--primary-gradient:linear-gradient(90deg,#9a4ce7,#db2777);--primary-foreground:#fff}body,html{background-color:var(--background);color:var(--foreground)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-down{animation:fade-in-down .5s ease-out}.animate-fade-in-up{animation:fade-in-up .5s ease-out}.text-gradient{background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;background-image:var(--primary-gradient)}.container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}.grid{display:grid;grid-gap:2rem;gap:2rem}@media (min-width:640px){.grid{grid-template-columns:repeat(1,1fr)}}@media (min-width:768px){.grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.grid{grid-template-columns:repeat(3,1fr)}}.btn{padding:.75rem 1.5rem}.btn-primary{color:var(--primary-foreground)}.bg-primary{background-color:var(--background)}.bg-secondary{background-color:var(--muted)}.text-primary{color:var(--foreground)}.text-secondary{color:var(--muted-foreground)}.border-primary{border-color:var(--border)}.blog-card{background-color:var(--muted);border-radius:.75rem;overflow:hidden;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);transition:all .3s ease}.blog-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px -5px rgba(139,92,246,.2)}.blog-card-image{position:relative;height:12rem}.blog-card-content{padding:1.5rem}.blog-card-date{display:flex;align-items:center;gap:.5rem;color:var(--muted-foreground);font-size:.875rem;margin-bottom:.75rem}.blog-card-title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;-webkit-line-clamp:2;line-clamp:2;color:var(--foreground)}.blog-card-excerpt,.blog-card-title{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.blog-card-excerpt{color:var(--muted-foreground);margin-bottom:1rem;-webkit-line-clamp:3;line-clamp:3}.blog-card-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.blog-tag{font-size:.75rem;background-color:var(--border);color:var(--foreground);padding:.25rem .5rem;border-radius:9999px}.blog-card-link{display:inline-flex;align-items:center;gap:.25rem;color:#9a4ce7;font-weight:500;font-size:.875rem}.blog-card-link:hover{color:#9a4ce7}.navbar{background-color:var(--background);border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:50;padding:.5rem 0}.navbar-container{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center;height:4rem}.navbar-logo{font-weight:700;font-size:1.25rem;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.navbar-nav{display:flex;align-items:center;gap:2rem}.navbar-link{color:var(--foreground);transition:color .2s;font-size:1rem;font-weight:500}.navbar-link:hover{opacity:.8}.theme-toggle{background-color:var(--muted);color:var(--foreground);border-radius:9999px;padding:.5rem;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer}.footer{background-color:var(--background);border-top:1px solid var(--border);padding:3rem 0}.footer-container{max-width:1200px;margin:0 auto;padding:0 1rem}.footer-content{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:2rem;margin-bottom:2rem}@media (min-width:768px){.footer-content{flex-direction:row}.footer-brand{text-align:left}.navbar-nav{display:flex}}.footer-brand{text-align:center}.footer-logo{font-weight:700;font-size:1.25rem;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.footer-tagline{color:var(--muted-foreground);margin-top:.5rem}.social-links{display:flex;gap:1.5rem}.social-link{color:var(--muted-foreground);transition:color .2s}.social-link:hover{color:var(--foreground)}.footer-bottom{border-top:1px solid var(--border);margin-top:2rem;padding-top:2rem;text-align:center;color:var(--muted-foreground);font-size:.875rem}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:.5rem;font-weight:500;transition:all .2s;cursor:pointer;text-decoration:none}.btn-primary{background:var(--primary-gradient);color:#fff;padding:.75rem 1.5rem}.btn-primary:hover{opacity:.9}.btn-sm{height:2.25rem;padding:0 .75rem;font-size:.875rem}.btn-lg{height:2.75rem;padding:0 2rem;font-size:1rem}.btn-icon{width:2.5rem;height:2.5rem;padding:0}.inline-code{font-family:monospace;background-color:var(--muted);color:#9a4ce7;padding:.1rem .375rem;border-radius:.25rem;font-size:.9em;white-space:nowrap}