.page-hero{padding:var(--space-32) 0 var(--space-16);background:linear-gradient(180deg,var(--color-gray-50) 0%,var(--bg-primary) 100%);}.resources-hero{background:linear-gradient(135deg,var(--color-gray-50) 0%,var(--color-primary-subtle) 100%);}.page-hero-content{max-width:700px;margin:0 auto;text-align:center;}.page-hero h1{font-size:var(--text-4xl);margin-bottom:var(--space-6);}.page-hero p{font-size:var(--text-xl);color:var(--text-secondary);}.featured-resource{padding:var(--space-8) 0 var(--space-16);}.featured-card{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center;background:var(--bg-primary);border:2px solid var(--color-primary);border-radius:var(--radius-2xl);padding:var(--space-12);box-shadow:0 8px 40px rgba(14,165,233,0.15);}.featured-content .resource-type{display:inline-block;background:var(--color-primary-subtle);color:var(--color-primary-dark);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:var(--space-4);}.featured-content h2{font-size:var(--text-3xl);margin-bottom:var(--space-4);}.featured-content > p{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:var(--space-6);line-height:1.7;}.featured-list{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-8);}.featured-list li{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);}.featured-list li::before{content:'';display:block;width:6px;height:6px;background:var(--color-primary);border-radius:50%;}.featured-visual{display:flex;justify-content:center;align-items:center;}.guide-preview{perspective:1000px;}.guide-cover{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);padding:var(--space-12);border-radius:var(--radius-xl);display:flex;flex-direction:column;align-items:center;gap:var(--space-6);transform:rotateY(-5deg) rotateX(5deg);box-shadow:20px 20px 60px rgba(0,0,0,0.2),-2px -2px 10px rgba(255,255,255,0.1);width:280px;min-height:360px;}.guide-cover svg rect{fill:rgba(255,255,255,0.2);}.guide-cover svg path{stroke:white;}.cover-text{text-align:center;color:white;display:flex;flex-direction:column;gap:var(--space-1);}.cover-text span{font-size:var(--text-sm);opacity:0.9;}.cover-text strong{font-size:var(--text-2xl);font-weight:700;}@media (max-width:1024px){.featured-card{grid-template-columns:1fr;padding:var(--space-8);}.featured-visual{order:-1;}.guide-cover{transform:none;width:100%;max-width:280px;}}.resource-categories{padding:var(--space-8) 0;border-bottom:1px solid var(--color-gray-100);position:sticky;top:70px;background:var(--bg-primary);z-index:10;}.category-tabs{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-2);}.tab-btn{padding:var(--space-2) var(--space-4);border:none;background:transparent;color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);}.tab-btn:hover{background:var(--color-gray-100);color:var(--text-primary);}.tab-btn.active{background:var(--color-primary);color:var(--text-inverse);}.resources-grid-section{padding:var(--space-16) 0;}.resources-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8);}.resource-card{background:var(--bg-primary);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-base);}.resource-card:hover{border-color:var(--color-gray-300);box-shadow:var(--shadow-lg);transform:translateY(-4px);}.resource-card.hidden{display:none;}.card-image{aspect-ratio:16/9;overflow:hidden;}.image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-gray-100);}.image-placeholder.guides{background:linear-gradient(135deg,#E0F2FE 0%,#BAE6FD 100%);color:var(--color-primary);}.image-placeholder.benchmarks{background:linear-gradient(135deg,#D1FAE5 0%,#A7F3D0 100%);color:var(--color-success);}.image-placeholder.templates{background:linear-gradient(135deg,#FEF3C7 0%,#FDE68A 100%);color:#B45309;}.card-content{padding:var(--space-6);}.resource-tag{display:inline-block;background:var(--color-primary-subtle);color:var(--color-primary-dark);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:var(--space-3);}.resource-tag.benchmarks{background:#D1FAE5;color:#065F46;}.resource-tag.templates{background:#FEF3C7;color:#92400E;}.card-content h3{font-size:var(--text-lg);margin-bottom:var(--space-3);line-height:1.4;}.card-content p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-4);}.card-link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-primary);font-weight:600;font-size:var(--text-sm);text-decoration:none;transition:gap var(--transition-fast);}.card-link:hover{gap:var(--space-3);}@media (max-width:1024px){.resources-grid{grid-template-columns:repeat(2,1fr);}}@media (max-width:640px){.resources-grid{grid-template-columns:1fr;}}.newsletter-section{padding:var(--space-16) 0;background:var(--bg-secondary);}.newsletter-card{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center;max-width:1000px;margin:0 auto;}.newsletter-content h2{font-size:var(--text-3xl);margin-bottom:var(--space-4);}.newsletter-content p{font-size:var(--text-base);color:var(--text-secondary);}.newsletter-form .form-row{display:flex;gap:var(--space-3);margin-bottom:var(--space-3);}.newsletter-form input[type="email"]{flex:1;padding:var(--space-3) var(--space-4);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);font-size:var(--text-base);transition:all var(--transition-fast);}.newsletter-form input[type="email"]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle);}.newsletter-form .form-note{font-size:var(--text-xs);color:var(--text-muted);}.newsletter-form .form-note a{color:var(--color-primary);text-decoration:underline;}@media (max-width:768px){.newsletter-card{grid-template-columns:1fr;text-align:center;}.newsletter-form .form-row{flex-direction:column;}.newsletter-form input[type="email"]{width:100%;}}.stats-section{padding:var(--space-24) 0;}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6);}.stat-card{background:var(--bg-primary);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;display:flex;flex-direction:column;gap:var(--space-2);}.stat-number{font-size:var(--text-4xl);font-weight:800;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.stat-label{font-size:var(--text-sm);color:var(--text-primary);font-weight:500;}.stat-source{font-size:var(--text-xs);color:var(--text-muted);}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr);}}@media (max-width:640px){.stats-grid{grid-template-columns:1fr;}}.page-cta{padding:var(--space-24) 0;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);text-align:center;}.page-cta h2{color:var(--text-inverse);margin-bottom:var(--space-4);}.page-cta p{color:rgba(255,255,255,0.9);font-size:var(--text-lg);margin-bottom:var(--space-8);max-width:700px;margin-left:auto;margin-right:auto;}.cta-buttons{display:flex;justify-content:center;gap:var(--space-4);}.page-cta .btn-primary{background:var(--text-inverse);color:var(--color-primary);}.page-cta .btn-outline{border-color:var(--text-inverse);color:var(--text-inverse);}.page-cta .btn-outline:hover{background:rgba(255,255,255,0.1);}@media (max-width:640px){.cta-buttons{flex-direction:column;align-items:center;}}