.mode-card{-webkit-backdrop-filter:none;border:1px solid var(--border-subtle);will-change:transform;background:0 0;border-radius:20px;flex-direction:column;gap:2rem;width:100%;padding:1.75rem;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.mode-card:hover{border-color:#f59e0b59;box-shadow:0 12px 35px #0006}@media (min-width:992px){.mode-card{flex-direction:row;align-items:stretch;gap:2.5rem;padding:2.25rem}.mode-card-reversed{flex-direction:row-reverse}}@media (min-width:1400px){.mode-card{gap:3rem;padding:2.75rem}}.slider-container{flex:1.05;align-items:center;width:100%;display:flex}.image-wrapper{aspect-ratio:16/10;border:1px solid var(--border-subtle);background:#000;border-radius:14px;width:100%;position:relative;overflow:hidden}.slide{opacity:0;pointer-events:none;transition:opacity .4s,transform .4s;position:absolute;inset:0;transform:scale(1.02)}.slide-active{opacity:1;pointer-events:auto;transform:scale(1)}.slide-image{object-fit:cover;width:100%;height:100%;display:block}.image-overlay{background:linear-gradient(#0000 50%,#0a0c10d9 100%);position:absolute;inset:0}.image-caption{color:#fff;text-shadow:0 2px 8px #000c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0c10b3;border-radius:6px;width:fit-content;padding:.35rem .75rem;font-size:.8rem;font-weight:500;position:absolute;bottom:.85rem;left:.85rem;right:.85rem}.nav-button{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:5;background:#0f172abf;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:transform .2s,background .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.nav-button:hover{background:var(--ten-gold);color:#0a0c10;transform:translateY(-50%)scale(1.1)}.prev-button{left:.75rem}.next-button{right:.75rem}.indicators{z-index:5;gap:.35rem;display:flex;position:absolute;bottom:.65rem;right:.75rem}.indicator-dot{background:#ffffff59;border-radius:50%;width:6px;height:6px;transition:all .2s}.indicator-active{background:var(--ten-gold-bright);border-radius:3px;width:18px}.content-container{flex-direction:column;flex:1;justify-content:center;display:flex}.status-wrapper{align-items:center;margin-bottom:.65rem;display:flex}.mode-status{text-transform:uppercase;letter-spacing:.06em;border:1px solid;border-radius:8px;align-items:center;gap:.45rem;width:fit-content;padding:.28rem .75rem;font-size:.75rem;font-weight:800;display:inline-flex}.mode-status-active{color:#22c55e;background:#22c55e14;border-color:#22c55e;box-shadow:0 0 10px #22c55e26}.status-dot{border-radius:50%;width:6px;height:6px}.status-dot-green{background:#22c55e;animation:2s ease-in-out infinite statusPulse;box-shadow:0 0 8px #22c55e}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.mode-status-soon{color:#fbbf24;background:#f59e0b14;border-color:#f59e0b;box-shadow:0 0 10px #f59e0b26}.mode-status-date{color:#38bdf8;background:#38bdf814;border-color:#38bdf8;box-shadow:0 0 10px #38bdf826}.title{color:#fff;letter-spacing:-.02em;margin-bottom:.35rem;font-size:1.85rem;font-weight:800;line-height:1.2}@media (min-width:1200px){.title{font-size:2.1rem}}.tagline{color:var(--ten-blue-bright);margin-bottom:.75rem;font-size:.95rem;font-weight:500;line-height:1.4}.description{color:var(--text-muted);margin-bottom:1.25rem;font-size:.88rem;line-height:1.55}.features-wrapper{border:1px solid var(--border-subtle);background:#ffffff05;border-radius:14px;margin-bottom:1.25rem;padding:1rem 1.25rem}.features-title{color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.45rem;margin-bottom:.75rem;font-size:.78rem;font-weight:700;display:flex}.features-list{flex-direction:column;gap:.5rem;list-style:none;display:flex}.feature-item{color:#cbd5e1;align-items:flex-start;gap:.55rem;font-size:.84rem;font-weight:600;line-height:1.45;display:flex}.feature-icon{flex-shrink:0;width:15px;height:15px;margin-top:.12rem}.mode-links-container{flex-wrap:wrap;gap:.65rem;margin-top:.25rem;display:flex}.mode-link-btn{will-change:transform;border:1px solid;border-radius:9px;align-items:center;gap:.5rem;padding:.55rem 1.05rem;font-size:.82rem;font-weight:700;text-decoration:none;transition:transform .2s,filter .2s,box-shadow .2s;display:flex}.mode-link-btn:hover{filter:brightness(1.2);transform:translateY(-2px);box-shadow:0 4px 14px #0006}