.resources-page{color:#fff;background:#1a2035;min-height:100vh}.resources-hero{text-align:center;background:url(/static/img/unsplash/hero-image-01.jpg) 50%/cover no-repeat;position:relative;overflow:hidden}.resources-hero:before{content:"";background:linear-gradient(135deg,#1a2035bf 0%,#0a0e17cc 100%);position:absolute;inset:0}.resources-hero-content{padding:var(--space-4xl) 0;z-index:1;position:relative}.resources-hero h1{margin-bottom:var(--space-md);font-size:clamp(2.5rem,4vw,3.75rem)}.resources-hero p{color:#ffffffe6;max-width:720px;margin:0 auto;font-size:clamp(1.1rem,2vw,1.5rem)}.resources-content{padding:var(--space-4xl) 0}.resources-section{margin-bottom:var(--space-3xl)}.resources-section-title{text-align:center;margin-bottom:var(--space-2xl);font-size:clamp(2rem,3vw,2.5rem);font-weight:600}.resources-carousel{margin-bottom:var(--space-xl);position:relative;overflow:hidden}.resources-carousel-track{transition:transform .5s ease-in-out;display:flex}.resources-card{padding:0 var(--space-sm);transition:transform var(--transition-base), box-shadow var(--transition-base);flex-direction:column;flex:none;display:flex}.resources-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #0003}.resources-card-image{border:1px solid #ffffff1a;border-bottom:none;border-radius:12px 12px 0 0;overflow:hidden}.resources-card-image img{object-fit:cover;width:100%;height:200px;display:block}.resources-card-body{padding:var(--space-lg);background:#ffffff0d;border-left:1px solid #ffffff1a;border-right:1px solid #ffffff1a;flex:1}.resources-card-body h3{margin:0 0 var(--space-sm);font-size:1.5rem;font-weight:600}.resources-card-body p{color:#fffc;margin:0;font-size:1.05rem;line-height:1.6}.resources-card-date{color:#fff9;text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-sm);font-size:.8rem;display:block}.resources-card-actions{padding:0 var(--space-lg) var(--space-lg);background:#ffffff0d;border:1px solid #ffffff1a;border-top:none;border-radius:0 0 12px 12px}.resources-card-button{color:#fff;width:100%;transition:all var(--transition-base);background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border-radius:8px;justify-content:center;align-items:center;padding:12px 16px;font-weight:600;text-decoration:none;display:flex}.resources-card-button:hover{transform:translateY(-2px);box-shadow:0 8px 18px #00000040}.resources-controls{justify-content:center;align-items:center;gap:var(--space-md);display:flex}.resources-control{color:#fff;cursor:pointer;width:40px;height:40px;transition:all var(--transition-fast);background:#ffffff1a;border:none;border-radius:50%;font-size:1.25rem}.resources-control:hover{background:#fff3}.resources-dots{gap:var(--space-xs);display:flex}.resources-dot{cursor:pointer;width:12px;height:12px;transition:background-color var(--transition-fast);background:#ffffff4d;border:none;border-radius:50%}.resources-dot.is-active{background:#fff}.resources-divider{height:1px;margin:var(--space-3xl) 0;background:#ffffff1a}.whitepaper-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.whitepaper-card{transition:transform var(--transition-base), box-shadow var(--transition-base);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.whitepaper-card:hover{transform:translateY(-6px);box-shadow:0 18px 30px #0003}.whitepaper-image img{object-fit:cover;width:100%;height:200px;display:block}.whitepaper-body{padding:var(--space-lg);flex:1}.whitepaper-body h3{margin:0 0 var(--space-sm);font-size:1.4rem}.whitepaper-body p{color:#fffc;margin:0;line-height:1.6}.whitepaper-actions{padding:0 var(--space-lg) var(--space-lg)}.whitepaper-button{color:#fff;transition:all var(--transition-base);background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border-radius:8px;justify-content:center;align-items:center;padding:12px 16px;font-weight:600;text-decoration:none;display:flex}.whitepaper-button:hover{transform:translateY(-2px);box-shadow:0 8px 18px #00000040}@media (width<=768px){.resources-hero-content{padding:var(--space-3xl) 0}}@media (width<=600px){.resources-card{padding:0}}
