.hero{text-align:center;color:#2d3748;background:#fff;border-radius:16px;margin-bottom:3rem;padding:4rem 2rem;box-shadow:0 10px 40px #0000001a}.hero h1{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 1rem;font-size:3.5rem}.hero p{color:#718096;margin:0;font-size:1.5rem}.features{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin:3rem 0;display:grid}.feature-card{background:#fff;border-top:4px solid #0000;border-radius:12px;padding:2rem;transition:all .3s;box-shadow:0 4px 20px #00000014}.feature-card:first-child{border-top-color:#667eea}.feature-card:nth-child(2){border-top-color:#f093fb}.feature-card:nth-child(3){border-top-color:#4facfe}.feature-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #00000026}.feature-icon{margin-bottom:1rem;font-size:3rem}.feature-card h3{color:#2d3748;margin:0 0 .75rem;font-size:1.5rem}.feature-card p{color:#718096;margin:0;line-height:1.6}.cta{text-align:center;margin:4rem 0 2rem}.cta a{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50px;padding:1.25rem 3rem;font-size:1.125rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 4px 15px #667eea66}.cta a:hover{transform:translateY(-2px);box-shadow:0 6px 25px #667eea99}.post-detail-container{max-width:800px;margin:0 auto}.breadcrumb{margin-bottom:2rem}.breadcrumb a{color:#667eea;font-weight:500;text-decoration:none;transition:color .2s}.breadcrumb a:hover{color:#764ba2}.post-detail{background:#fff;border-radius:12px;padding:3rem;box-shadow:0 4px 20px #00000014}.post-header{flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;display:flex}.post-badge,.author-badge{border-radius:20px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:inline-block}.post-badge{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2)}.author-badge{color:#667eea;background:#667eea1a}.post-title{color:#2d3748;text-transform:capitalize;margin:0 0 2rem;font-size:2.5rem;line-height:1.3}.post-content{color:#4a5568;font-size:1.125rem;line-height:1.8}.post-content p{margin:1rem 0}.posts-header{text-align:center;margin-bottom:3rem}.posts-header h1{color:#2d3748;margin-bottom:.5rem;font-size:2.5rem}.posts-header p{color:#718096}.posts-grid{gap:1.5rem;display:grid}.post-card{background:#fff;border-left:4px solid #667eea;border-radius:8px;padding:1.5rem;transition:all .2s;box-shadow:0 2px 4px #0000001a}.post-card:hover{transform:translate(4px);box-shadow:0 4px 8px #00000026}.post-id{color:#fff;background:#667eea;border-radius:12px;margin-bottom:.75rem;padding:.25rem .75rem;font-size:.875rem;font-weight:700;display:inline-block}.post-title{color:#2d3748;text-transform:capitalize;margin:0 0 .75rem;font-size:1.25rem;font-weight:600}.post-body{color:#4a5568;margin:0;line-height:1.6}.about-container{max-width:900px;margin:0 auto}.about-header{text-align:center;background:#fff;border-radius:16px;margin-bottom:3rem;padding:3rem 2rem;box-shadow:0 10px 40px #0000001a}.about-header h1{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 1rem;font-size:3rem}.about-header p{color:#718096;margin:0;font-size:1.25rem}.content-section{background:#fff;border-radius:12px;margin-bottom:2rem;padding:2.5rem;box-shadow:0 4px 20px #00000014}.content-section h2{color:#2d3748;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1.75rem;display:flex}.content-section p{color:#4a5568;margin-bottom:1rem;line-height:1.8}.tech-list{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.tech-list li{text-align:center;color:#667eea;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:8px;padding:1rem;font-weight:600;transition:all .2s}.tech-list li:hover{transform:scale(1.05);box-shadow:0 4px 15px #667eea33}.features-list{margin:1.5rem 0 0;padding:0;list-style:none}.features-list li{color:#4a5568;padding:.75rem 0 .75rem 2rem;position:relative}.features-list li:before{content:"✓";color:#667eea;font-size:1.25rem;font-weight:700;position:absolute;left:0}