.staircase-page{width:100%;min-height:100vh;background:linear-gradient(to bottom,#1c1f23,#111315);color:#fff;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;text-align:center;padding:120px 20px 70px;overflow:hidden}.staircase-title{font-size:clamp(2.2rem,4vw,3.3rem);color:#fff;margin:0 0 14px;line-height:1.15}.staircase-intro{max-width:820px;margin:0 auto 34px;text-align:center;font-size:1.05rem;line-height:1.8;color:#ffffffd6}.category-navigation{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:34px;padding:0}.nav-button{background:#ffffff0a;color:#ffffffeb;padding:11px 18px;font-size:.98rem;font-weight:700;border-radius:999px;text-decoration:none;transition:all .25s ease;border:1px solid rgba(255,255,255,.08);box-shadow:0 6px 14px #00000026;white-space:nowrap}.nav-button:hover{background:#f7c35f14;color:#f7c35f;border-color:#f7c35f38;transform:translateY(-2px)}.nav-button.active{background:#f7c35f;color:#111315;border-color:#f7c35f}.staircase-container{display:flex;justify-content:center;align-items:center;width:100%;max-width:1240px}.staircase-card{position:relative;width:100%;max-width:460px;border-radius:18px;overflow:hidden;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);color:#fff;text-align:center;box-shadow:0 10px 24px #00000038;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.staircase-card:hover{transform:translateY(-4px);box-shadow:0 18px 34px #00000057;border-color:#f7c35f2e}.coming-soon{padding:30px 24px}.coming-soon h2{color:#f7c35f;margin:0 0 12px;font-size:1.55rem}.coming-soon p{margin:0;color:#ffffffd1;line-height:1.75;font-size:1rem}.staircase-bottom-text{max-width:820px;margin:52px auto 0;text-align:center}.staircase-bottom-text h2{color:#fff;font-size:clamp(1.7rem,3vw,2.3rem);margin-bottom:14px}.staircase-bottom-text p{color:#ffffffd1;font-size:1.02rem;line-height:1.8;margin:0 0 18px}.staircase-cta-link{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border-radius:999px;background:#f7c35f;color:#111315;font-weight:700;text-decoration:none;transition:all .25s ease}.staircase-cta-link:hover{background:#e6b850;transform:translateY(-2px)}@media(max-width:768px){.staircase-page{padding:98px 16px 50px}.staircase-title{font-size:2rem}.staircase-intro{font-size:.98rem;line-height:1.7;margin-bottom:26px}.category-navigation{gap:10px;margin-bottom:26px}.nav-button{width:auto;text-align:center;font-size:.95rem;padding:10px 16px}.coming-soon{padding:24px 18px}.coming-soon h2{font-size:1.35rem}.coming-soon p{font-size:.96rem}.staircase-bottom-text{margin-top:40px}}@media(max-width:480px){.staircase-page{padding:90px 14px 44px}.staircase-title{font-size:1.8rem}.staircase-intro{font-size:.94rem}.nav-button{width:100%;font-size:.9rem;padding:10px 14px}.coming-soon{padding:20px 16px}.staircase-bottom-text h2{font-size:1.5rem}.staircase-bottom-text p{font-size:.96rem}}