.workspace-hero-main{background:url(/assets/canvabg.webp) 50%/cover no-repeat;color:#fff;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.hero-content{flex:1;display:flex;align-items:center}.workspace-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23fff' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");opacity:.4;z-index:0;pointer-events:none}.hero-title,.workspace-hero .container{position:relative;z-index:10}.gradient-text{background:linear-gradient(90deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.rank-icons-showcase{grid-gap:2rem;gap:2rem;flex-wrap:wrap;padding:1.5rem 0;margin-bottom:.5rem}.rank-icon-item,.rank-icons-showcase{display:flex;justify-content:center;align-items:center;position:relative;z-index:10}.rank-icon-item{width:96px;height:96px;border-radius:1.25rem;transition:transform .25s ease,box-shadow .25s ease,filter .25s ease;animation:fadeInUp .6s ease-out backwards;box-shadow:0 10px 30px rgba(0,0,0,.2);cursor:pointer}.rank-icon-item.focus-visible,.rank-icon-item:focus-visible{outline:3px solid hsla(0,0%,100%,.7);outline-offset:3px;transform:translateY(-8px) scale(1.1)}.rank-icon-item:first-child{animation-delay:.1s}.rank-icon-item:nth-child(2){animation-delay:.2s}.rank-icon-item:nth-child(3){animation-delay:.3s}.rank-icon-item:nth-child(4){animation-delay:.4s}.rank-icon-item:nth-child(5){animation-delay:.5s}.rank-icon-item:nth-child(6){animation-delay:.6s}.rank-icon-item .icon{width:52px;height:52px}.rank-icon-0{background:linear-gradient(135deg,#78716c,#57534e);color:#fff}.rank-icon-0:hover{box-shadow:0 16px 40px rgba(87,83,78,.5)!important}.rank-icon-1{background:linear-gradient(135deg,#ea580c,#c2410c);color:#fff}.rank-icon-1:hover{box-shadow:0 16px 40px rgba(234,88,12,.5)!important}.rank-icon-2{background:linear-gradient(135deg,#cbd5e1,#94a3b8);color:#fff}.rank-icon-2:hover{box-shadow:0 16px 40px rgba(148,163,184,.5)!important}.rank-icon-3{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.rank-icon-3:hover{box-shadow:0 16px 40px rgba(245,158,11,.5)!important}.rank-icon-4{background:linear-gradient(135deg,#38bdf8,#0ea5e9);color:#fff}.rank-icon-4:hover{box-shadow:0 16px 40px rgba(56,189,248,.5)!important}.rank-icon-5{background:linear-gradient(135deg,#c084fc,#a78bfa);color:#fff}.rank-icon-5:hover{box-shadow:0 16px 40px rgba(167,139,250,.5)!important}.rank-icon-item:hover{transform:translateY(-8px) scale(1.1)!important;filter:brightness(1.1)!important}.row-cards{margin-top:2rem}.workspace-card{position:relative;height:100%;min-height:320px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,border-top .3s ease;border-radius:1rem;overflow:hidden;background:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);border-top:4px solid transparent}.workspace-card:hover{transform:translateY(-4px);box-shadow:0 12px 20px -5px rgba(0,0,0,.15),0 4px 8px -4px rgba(0,0,0,.1)}.workspace-card-0:hover{border-top:4px solid #78716c}.workspace-card-1:hover{border-top:4px solid #c2410c}.workspace-card-2:hover{border-top:4px solid #94a3b8}.workspace-card-3:hover{border-top:4px solid #facc15}.workspace-card-4:hover{border-top:4px solid #38bdf8}.workspace-card-5:hover{border-top:4px solid #a78bfa}[class^=workspace-card-]{opacity:0;transform:translateY(12px);animation:fadeInUp .45s ease forwards}.workspace-card-0{animation-delay:0s}.workspace-card-1{animation-delay:.08s}.workspace-card-2{animation-delay:.16s}.workspace-card-3{animation-delay:.24s}.workspace-card-4{animation-delay:.32s}.workspace-card-5{animation-delay:.4s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.workspace-card-inner{padding:2rem;height:100%;display:flex;flex-direction:column}.workspace-icon{width:64px;height:64px;border-radius:1rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;transition:transform .3s ease}.workspace-card:hover .workspace-icon{transform:scale(1.05)}.icon-bg-0{background:linear-gradient(135deg,#78716c,#57534e);color:#fff}.icon-bg-1{background:linear-gradient(135deg,#ea580c,#c2410c);color:#fff}.icon-bg-2{background:linear-gradient(135deg,#cbd5e1,#94a3b8);color:#fff}.icon-bg-3{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.icon-bg-4{background:linear-gradient(135deg,#38bdf8,#0ea5e9);color:#fff}.icon-bg-5{background:linear-gradient(135deg,#c084fc,#a78bfa);color:#fff}.workspace-content{flex:1;display:flex;flex-direction:column}.workspace-header{margin-bottom:1rem}.workspace-order{display:inline-block;background:#f1f5f9;color:#64748b;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;margin-bottom:.5rem}.workspace-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:1rem;border-top:1px solid #e2e8f0}.workspace-stats{display:flex;grid-gap:1rem;gap:1rem}.stat-item{display:flex;align-items:center;grid-gap:.375rem;gap:.375rem;color:#64748b;font-size:.875rem}.stat-item .icon{color:#94a3b8}.btn-explore{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid #e2e8f0;border-radius:.5rem;color:#475569;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease}.btn-explore:hover{background:#f8fafc;border-color:#cbd5e1}.workspace-card-0 .btn-explore:hover{background:#78716c;color:#fff;border-color:#78716c}.workspace-card-1 .btn-explore:hover{background:#ea580c;color:#fff;border-color:#ea580c}.workspace-card-2 .btn-explore:hover{background:#94a3b8;color:#fff;border-color:#94a3b8}.workspace-card-3 .btn-explore:hover{background:#fbbf24;color:#fff;border-color:#fbbf24}.workspace-card-4 .btn-explore:hover{background:#38bdf8;color:#fff;border-color:#38bdf8}.workspace-card-5 .btn-explore:hover{background:#a78bfa;color:#fff;border-color:#a78bfa}.workspace-progress{margin-top:auto}.progress-label{font-size:.875rem;color:#64748b;font-weight:500}.progress-percent{font-size:.875rem;color:#1e293b;font-weight:600}.progress{background-color:#f1f5f9;border-radius:9999px;overflow:hidden}.progress-bar{transition:width .6s ease;border-radius:9999px}.progress-bar-0{background:linear-gradient(90deg,#78716c,#57534e)}.progress-bar-1{background:linear-gradient(90deg,#ea580c,#c2410c)}.progress-bar-2{background:linear-gradient(90deg,#cbd5e1,#94a3b8)}.progress-bar-3{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.progress-bar-4{background:linear-gradient(90deg,#38bdf8,#0ea5e9)}.progress-bar-5{background:linear-gradient(90deg,#c084fc,#a78bfa)}.empty-state{text-align:center;padding:4rem 2rem}.empty-icon{width:96px;height:96px;margin:0 auto 1.5rem;background:#f1f5f9;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#94a3b8}.empty-state h3{color:#1e293b;margin-bottom:.5rem}@media (max-width:768px){.rank-icons-showcase{grid-gap:1.5rem;gap:1.5rem;max-width:400px;margin:0 auto}.rank-icon-item{width:80px;height:80px}.rank-icon-item .icon{width:44px;height:44px}.workspace-card{min-height:280px}.workspace-title{font-size:1.25rem}.workspace-footer{flex-direction:column;grid-gap:1rem;gap:1rem;align-items:flex-start}.btn-explore{width:100%;justify-content:center}}