*{margin:0;padding:0;box-sizing:border-box}body{font-family:Fira Code,monospace;line-height:1.6;color:#0f172a;background-color:#fff}.container{max-width:1200px;margin:0 auto;padding:0 1rem}@media (min-width: 640px){.container{padding:0 1.5rem}}@media (min-width: 1024px){.container{padding:0 2rem}}.header{background-color:#1e293b;color:#fff;position:sticky;top:0;z-index:50}.header .header-content{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.header .logo{display:flex;align-items:center;gap:.75rem}.header .logo .logo-icon{height:2rem;width:2rem;color:#f97316}.header .logo .logo-text h1{font-size:1.25rem;font-weight:700;line-height:1.2}@media (min-width: 640px){.header .logo .logo-text h1{font-size:1.5rem}}.header .logo .subtitle{font-size:.875rem;color:#cbd5e1;display:none}@media (min-width: 640px){.header .logo .subtitle{display:block}}.header .nav-desktop{display:none;gap:2rem}@media (min-width: 768px){.header .nav-desktop{display:flex}}.header .nav-desktop .nav-link{color:#e2e8f0;text-decoration:none;transition:color .2s}.header .nav-desktop .nav-link:hover{color:#fff}.header .menu-toggle{display:block;background:none;border:none;color:#fff;cursor:pointer}@media (min-width: 768px){.header .menu-toggle{display:none}}.header .menu-toggle svg{height:1.5rem;width:1.5rem}.header .nav-mobile{padding:1rem 0;border-top:1px solid #334155}@media (min-width: 768px){.header .nav-mobile{display:none}}.header .nav-mobile .nav-mobile-content{display:flex;flex-direction:column;gap:.75rem}.header .nav-mobile .nav-mobile-content .nav-link{color:#e2e8f0;text-decoration:none;transition:color .2s}.header .nav-mobile .nav-mobile-content .nav-link:hover{color:#fff}.hero{background:linear-gradient(to bottom,#f8fafc,#fff);padding:4rem 0 6rem}@media (min-width: 640px){.hero{padding:6rem 0}}.hero .hero-content{text-align:center;max-width:64rem;margin:0 auto}.hero .hero-title{font-size:2.5rem;font-weight:700;color:#0f172a;margin-bottom:1.5rem;line-height:1.1}@media (min-width: 640px){.hero .hero-title{font-size:3rem}}@media (min-width: 1024px){.hero .hero-title{font-size:3.75rem}}.hero .hero-title .hero-accent{display:block;color:#ea580c}.hero .hero-description{font-size:1.25rem;color:#475569;margin-bottom:2rem;max-width:32rem;margin-left:auto;margin-right:auto;line-height:1.6}.hero .hero-actions{display:flex;flex-direction:column;gap:1rem;justify-content:center}@media (min-width: 640px){.hero .hero-actions{flex-direction:row}}.btn{padding:.75rem 2rem;border-radius:.5rem;font-weight:600;font-family:Fira Code,monospace;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;border:none}.btn.btn-primary{background-color:#ea580c;color:#fff}.btn.btn-primary:hover{background-color:#c2410c}.btn.btn-primary .btn-icon{height:1.25rem;width:1.25rem}.btn.btn-secondary{border:2px solid #1e293b;color:#1e293b;background:#fff}.btn.btn-secondary:hover{background-color:#1e293b;color:#fff}.categories{padding:4rem 0;background-color:#fff}.categories .section-title{font-size:1.875rem;font-weight:700;color:#0f172a;text-align:center;margin-bottom:3rem}.categories .categories-grid{display:grid;gap:2rem}@media (min-width: 768px){.categories .categories-grid{grid-template-columns:repeat(3,1fr)}}.categories .category-card{text-align:center;padding:1.5rem;border-radius:.75rem;background-color:#f8fafc;transition:background-color .2s}.categories .category-card:hover{background-color:#f1f5f9}.categories .category-card .category-icon{height:3rem;width:3rem;color:#ea580c;margin:0 auto 1rem}.categories .category-card h4{font-size:1.25rem;font-weight:600;color:#0f172a;margin-bottom:.75rem}.categories .category-card p{color:#475569}.articles{padding:4rem 0;background-color:#f8fafc}.articles .articles-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem}.articles .articles-header .section-title{font-size:1.875rem;font-weight:700;color:#0f172a}.articles .articles-header .view-all{color:#ea580c;text-decoration:none;font-weight:600;display:flex;align-items:center;gap:.25rem;transition:color .2s}.articles .articles-header .view-all:hover{color:#c2410c}.articles .articles-header .view-all svg{height:1rem;width:1rem}.articles .articles-grid{display:grid;gap:2rem}@media (min-width: 1024px){.articles .articles-grid{grid-template-columns:repeat(2,1fr)}}.articles .article-card{background-color:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;cursor:pointer;transition:all .2s}.articles .article-card:hover{box-shadow:0 4px 6px #0000001a}.articles .article-card:hover .article-title{color:#c2410c}.articles .article-card:hover .article-arrow{transform:translate(.25rem)}.articles .article-card .article-meta{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.articles .article-card .article-meta .article-category{background-color:#ffedd5;color:#9a3412;font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:.25rem}.articles .article-card .article-meta .meta-separator{color:#94a3b8;font-size:.875rem}.articles .article-card .article-meta .article-read-time{color:#64748b;font-size:.875rem}.articles .article-card .article-title{font-size:1.25rem;font-weight:700;color:#0f172a;margin-bottom:.75rem;transition:color .2s}.articles .article-card .article-excerpt{color:#475569;margin-bottom:1rem;line-height:1.6}.articles .article-card .article-footer{display:flex;justify-content:space-between;align-items:center}.articles .article-card .article-footer .article-date{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#64748b}.articles .article-card .article-footer .article-date svg{height:1rem;width:1rem}.articles .article-card .article-footer .article-arrow{height:1.25rem;width:1.25rem;color:#ea580c;transition:transform .2s}.about{padding:4rem 0;background-color:#fff}.about .about-content{display:flex;flex-direction:column;align-items:center;gap:2rem;max-width:64rem;margin:0 auto}@media (min-width: 768px){.about .about-content{flex-direction:row;gap:3rem}}.about .about-content .about-avatar{flex-shrink:0;width:12rem;height:12rem;background:linear-gradient(135deg,#f97316,#c2410c);border-radius:50%;display:flex;align-items:center;justify-content:center}.about .about-content .about-avatar svg{height:6rem;width:6rem;color:#fff}.about .about-content .about-text{flex:1}.about .about-content .about-text h3{font-size:1.875rem;font-weight:700;color:#0f172a;margin-bottom:1rem}.about .about-content .about-text .about-description{font-size:1.125rem;color:#475569;margin-bottom:1.5rem;line-height:1.6}.about .about-content .about-text .about-description:last-child{margin-bottom:0}.newsletter{padding:4rem 0;background-color:#1e293b;color:#fff}.newsletter .newsletter-content{text-align:center;max-width:64rem;margin:0 auto}.newsletter .newsletter-content h3{font-size:1.875rem;font-weight:700;margin-bottom:1rem}.newsletter .newsletter-content p{font-size:1.25rem;color:#e2e8f0;margin-bottom:2rem;max-width:32rem;margin-left:auto;margin-right:auto}.newsletter .newsletter-content .newsletter-form{display:flex;flex-direction:column;gap:1rem;max-width:28rem;margin:0 auto}@media (min-width: 640px){.newsletter .newsletter-content .newsletter-form{flex-direction:row}}.newsletter .newsletter-content .newsletter-form .newsletter-input{flex:1;padding:.75rem 1rem;border-radius:.5rem;border:none;color:#0f172a;font-family:Fira Code,monospace;font-weight:500}.newsletter .newsletter-content .newsletter-form .newsletter-input:focus{outline:none;box-shadow:0 0 0 2px #f97316}.newsletter .newsletter-content .newsletter-form .newsletter-input::placeholder{color:#94a3b8}.footer{background-color:#0f172a;color:#e2e8f0;padding:3rem 0}.footer .footer-content{display:flex;flex-direction:column;align-items:center;justify-content:space-between;margin-bottom:1rem}@media (min-width: 768px){.footer .footer-content{flex-direction:row;margin-bottom:2rem}}.footer .footer-content .footer-logo{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}@media (min-width: 768px){.footer .footer-content .footer-logo{margin-bottom:0}}.footer .footer-content .footer-logo svg{height:1.5rem;width:1.5rem;color:#f97316}.footer .footer-content .footer-logo span{font-weight:600}.footer .footer-content .footer-links{display:flex;gap:1.5rem}.footer .footer-content .footer-links a{color:#e2e8f0;text-decoration:none;transition:color .2s}.footer .footer-content .footer-links a:hover{color:#fff}.footer .footer-bottom{border-top:1px solid #334155;padding-top:2rem;text-align:center}.footer .footer-bottom p{font-size:.875rem}@media (max-width: 767px){.container{padding:0 1rem}}