.grid-container{max-width:1000px;margin:0 auto;padding:0 1rem}.category-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:4rem;display:grid}.cat-card{border-radius:16px;min-height:220px;padding:2.5rem;text-decoration:none;transition:transform .2s;display:block;position:relative;overflow:hidden}.theme-0{background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 100%);box-shadow:inset 0 -12px #0006,0 10px 20px #00000080}.theme-1{background:linear-gradient(135deg,#008be6 0%,#004a7a 100%);box-shadow:inset 0 -12px #0000004d,0 10px 20px #00000080}.theme-2{background:linear-gradient(135deg,#4f46e5 0%,#312e81 100%);box-shadow:inset 0 -12px #0006,0 10px 20px #00000080}.cat-card:hover{transform:translateY(-5px)}.cat-card:active{transform:translateY(2px);box-shadow:inset 0 -4px #0006,0 5px 10px #00000080}.cat-card-content{z-index:2;justify-content:space-between;align-items:flex-end;height:100%;display:flex;position:relative}.cat-text-area{flex-direction:column;justify-content:flex-end;margin-top:60px;display:flex}.cat-card-title{color:#fff;text-shadow:0 4px 10px #0000004d;margin:0 0 .5rem;font-size:2.5rem;font-weight:900}.cat-card-subtitle{color:#ffffffb3;text-transform:uppercase;font-size:.9rem;font-weight:700}.cat-card-icon{color:#fff;filter:drop-shadow(0 10px 15px #0006);width:100px;height:100px;transition:transform .3s;position:absolute;top:50%;right:0;transform:translateY(-50%)}.cat-card:hover .cat-card-icon{transform:translateY(-50%)scale(1.1)rotate(5deg)}@media (max-width:768px){.category-grid{grid-template-columns:1fr}}
.banner-wrapper{max-width:1000px;margin:0 auto 2rem;padding:0 1rem}.banner-container{background:linear-gradient(135deg,#09f 0%,#005ce6 100%);border-radius:12px;justify-content:space-between;align-items:center;padding:3rem 2rem;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 30px #005ce666,inset 0 -5px #00000026}.banner-text{z-index:2;flex:1;max-width:350px}.banner-title{color:#fff;text-shadow:0 3px 10px #0000004d;text-transform:uppercase;margin:0 0 1rem;font-size:2.2rem;font-weight:900;line-height:1.1}.banner-subtitle{color:#fff;text-shadow:0 1px 3px #0000004d;font-size:.95rem;font-weight:700;line-height:1.5}.banner-graphic{z-index:1;justify-content:center;align-items:flex-end;display:flex;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.banner-img{image-rendering:pixelated;filter:drop-shadow(0 15px 25px #00000080)}.notch-img{z-index:3;height:200px;margin:0 -20px;position:relative}.steve-img{z-index:2;height:160px;position:relative;transform:rotate(-10deg)}.alex-img{z-index:2;height:170px;position:relative;transform:rotate(10deg)}.banner-stats{z-index:2;flex-direction:column;align-items:flex-end;gap:.8rem;display:flex}.stats-label{color:#fffc;letter-spacing:1px;font-size:.75rem;font-weight:800}.stat-name{color:var(--mc-text-dim);letter-spacing:1px;font-size:.8rem;font-weight:700}.progress-bar-container{background:#0006;border:1px solid #ffffff0d;border-radius:6px;width:100%;height:12px;margin-top:1.25rem;position:relative;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#3b82f6 0%,#06b6d4 100%);border-radius:6px;height:100%;transition:width 1s ease-out;position:relative}.progress-bar-glow{opacity:.3;filter:blur(5px);background:#fff;width:20px;position:absolute;top:0;bottom:0;right:0}.stats-grid{gap:.6rem;display:flex}.stat-block{background:#00000040;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:65px;height:70px;display:flex;box-shadow:inset 0 -3px #0000004d,0 5px 15px #0003}.stat-value{color:#fff;font-size:1.6rem;font-weight:900;line-height:1.2}.stat-name{color:#fffc;text-transform:uppercase;font-size:.7rem;font-weight:800}@media (max-width:900px){.banner-container{text-align:center;flex-direction:column;gap:2rem;padding:2rem 1.5rem 10rem}.banner-graphic{bottom:-10px}.banner-stats{z-index:10;align-items:center;position:relative}}