.phase-hub[data-v-ef265ec6]{display:flex;flex-direction:column;gap:2rem;overflow:hidden}.phase-hero[data-v-ef265ec6]{background:linear-gradient(135deg,#1f2937cc,#111827e6);border:1px solid hsla(0,0%,100%,.08);border-radius:1rem;overflow:hidden;padding:2.5rem 2rem 2rem;position:relative;text-align:center}.phase-hero__glow[data-v-ef265ec6]{background:radial-gradient(circle,var(--theme-color,#818cf8) 0,transparent 70%);height:300px;left:50%;opacity:.12;pointer-events:none;position:absolute;top:-40%;transform:translate(-50%);width:300px}.phase-hero__title[data-v-ef265ec6]{color:#fff;font-size:1.75rem;font-weight:800;letter-spacing:-.02em;margin:0 0 .5rem;position:relative;text-shadow:0 0 24px color-mix(in srgb,var(--theme-color,#818cf8) 40%,transparent)}.phase-hero__desc[data-v-ef265ec6]{color:#fff9;font-size:.9375rem;font-weight:400;margin:0;position:relative}.phase-featured[data-v-ef265ec6]{background:linear-gradient(135deg,#111827e6,#1f2937d9);border:1px solid hsla(0,0%,100%,.08);border-radius:.875rem;display:flex;flex-direction:column;overflow:hidden}.phase-featured__main[data-v-ef265ec6]{color:inherit;display:flex;filter:blur(2px);opacity:.3;overflow:hidden;padding:1.5rem;position:relative;text-decoration:none;transition:background .25s ease,opacity .5s cubic-bezier(.4,0,.2,1),filter .5s cubic-bezier(.4,0,.2,1)}.phase-featured.is-loaded .phase-featured__main[data-v-ef265ec6]{filter:blur(0);opacity:1;transition-delay:calc(var(--card-index)*.08s)}.phase-featured__main-glow[data-v-ef265ec6]{background:radial-gradient(circle at center,color-mix(in srgb,var(--theme-color,#818cf8) 12%,transparent) 0,transparent 70%);height:120%;opacity:0;pointer-events:none;position:absolute;right:-20%;top:-50%;transition:opacity .25s ease;width:50%}@media(hover:hover){.phase-featured__main[data-v-ef265ec6]:hover{background:#ffffff08}.phase-featured__main:hover .phase-featured__main-glow[data-v-ef265ec6]{opacity:1}}.phase-featured__main-content[data-v-ef265ec6]{align-items:center;display:flex;gap:1.25rem;position:relative;width:100%;z-index:1}.phase-featured__main-thumb[data-v-ef265ec6]{align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--theme-color,#818cf8) 12%,transparent) 0,color-mix(in srgb,var(--theme-color,#818cf8) 8%,transparent));border:1px solid color-mix(in srgb,var(--theme-color,#818cf8) 20%,transparent);border-radius:.75rem;display:flex;flex-shrink:0;height:64px;justify-content:center;transition:transform .25s ease,border-color .25s ease;width:64px}@media(hover:hover){.phase-featured__main:hover .phase-featured__main-thumb[data-v-ef265ec6]{border-color:color-mix(in srgb,var(--theme-color,#818cf8) 40%,transparent);transform:scale(1.05)}}.phase-featured__main-thumb--og[data-v-ef265ec6]{border-color:#8b5cf659;border-radius:.875rem;height:128px;width:128px}.phase-featured__main-img[data-v-ef265ec6]{filter:drop-shadow(0 2px 6px rgba(0,0,0,.3));height:44px;image-rendering:pixelated;-o-object-fit:contain;object-fit:contain;transition:transform .25s ease;width:44px}@media(hover:hover){.phase-featured__main:hover .phase-featured__main-img[data-v-ef265ec6]{transform:scale(1.1)}}.phase-featured__main-info[data-v-ef265ec6]{flex:1;min-width:0}.phase-featured__main-info--og .phase-featured__main-name[data-v-ef265ec6]{font-size:1.25rem;margin-bottom:.375rem}.phase-featured__main-info--og .phase-featured__main-desc[data-v-ef265ec6]{-webkit-line-clamp:3}.phase-featured__main-name[data-v-ef265ec6]{color:#ffffffe6;font-size:1.125rem;font-weight:700;margin:0 0 .375rem;transition:color .25s ease}@media(hover:hover){.phase-featured__main:hover .phase-featured__main-name[data-v-ef265ec6]{color:var(--theme-color,#818cf8)}}.phase-featured__main-desc[data-v-ef265ec6]{color:#ffffff8c;display:-webkit-box;font-size:.8125rem;-webkit-line-clamp:2;line-height:1.5;margin:0;-webkit-box-orient:vertical;overflow:hidden}.phase-featured__main-arrow[data-v-ef265ec6]{align-items:center;color:#ffffff4d;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:transform .25s ease,color .25s ease;width:36px}@media(hover:hover){.phase-featured__main:hover .phase-featured__main-arrow[data-v-ef265ec6]{color:var(--theme-color,#818cf8);transform:translate(4px)}}.phase-section__grid[data-v-ef265ec6]{display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.phase-card[data-v-ef265ec6]{background:linear-gradient(135deg,#111827e6,#1f2937d9);border:1px solid hsla(0,0%,100%,.08);border-radius:.75rem;color:inherit;display:flex;filter:blur(2px);opacity:.3;overflow:hidden;padding:1.25rem;position:relative;text-decoration:none;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),border-color .25s ease,opacity .5s cubic-bezier(.4,0,.2,1),filter .5s cubic-bezier(.4,0,.2,1)}.phase-section__grid.is-loaded .phase-card[data-v-ef265ec6]{filter:blur(0);opacity:1;transition-delay:calc(var(--card-index)*.08s)}@media(hover:hover){.phase-card[data-v-ef265ec6]:hover{border-color:color-mix(in srgb,var(--theme-color,#818cf8) 50%,transparent);box-shadow:0 8px 32px -6px color-mix(in srgb,var(--theme-color,#818cf8) 25%,transparent),0 0 0 1px color-mix(in srgb,var(--theme-color,#818cf8) 20%,transparent);transform:translateY(-3px)}}.phase-card__glow[data-v-ef265ec6]{background:radial-gradient(circle at center,color-mix(in srgb,var(--theme-color,#818cf8) 15%,transparent) 0,transparent 70%);height:100%;opacity:0;pointer-events:none;position:absolute;right:-30%;top:-50%;transition:opacity .25s ease;width:60%}@media(hover:hover){.phase-card:hover .phase-card__glow[data-v-ef265ec6]{opacity:1}}.phase-card__content[data-v-ef265ec6]{align-items:center;display:flex;gap:1.25rem;position:relative;width:100%;z-index:1}.phase-card__thumb[data-v-ef265ec6]{align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--theme-color,#818cf8) 12%,transparent) 0,color-mix(in srgb,var(--theme-color,#818cf8) 8%,transparent));border:1px solid color-mix(in srgb,var(--theme-color,#818cf8) 20%,transparent);border-radius:.75rem;display:flex;flex-shrink:0;height:64px;justify-content:center;transition:transform .25s ease,border-color .25s ease;width:64px}@media(hover:hover){.phase-card:hover .phase-card__thumb[data-v-ef265ec6]{border-color:color-mix(in srgb,var(--theme-color,#818cf8) 40%,transparent);transform:scale(1.05)}}.phase-card__thumb--og[data-v-ef265ec6]{border-color:#8b5cf659;border-radius:.875rem;height:128px;width:128px}.phase-card__info--og .phase-card__name[data-v-ef265ec6]{font-size:1.125rem;font-weight:700;margin-bottom:.375rem}.phase-card__info--og .phase-card__desc[data-v-ef265ec6]{color:#ffffffb8;font-size:.875rem;-webkit-line-clamp:3}.phase-card__img[data-v-ef265ec6]{filter:drop-shadow(0 2px 6px rgba(0,0,0,.3));height:44px;image-rendering:pixelated;-o-object-fit:contain;object-fit:contain;transition:transform .25s ease;width:44px}@media(hover:hover){.phase-card:hover .phase-card__img[data-v-ef265ec6]{transform:scale(1.1)}}.phase-card__info[data-v-ef265ec6]{flex:1;min-width:0}.phase-card__name[data-v-ef265ec6]{color:#ffffffe6;font-size:1rem;font-weight:600;margin:0 0 .25rem;transition:color .25s ease}@media(hover:hover){.phase-card:hover .phase-card__name[data-v-ef265ec6]{color:var(--theme-color,#818cf8)}}.phase-card__tags[data-v-ef265ec6]{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.25rem}.phase-card__desc[data-v-ef265ec6]{color:#fff9;display:-webkit-box;font-size:.8125rem;-webkit-line-clamp:2;line-height:1.5;margin:0;-webkit-box-orient:vertical;overflow:hidden}.phase-card__arrow[data-v-ef265ec6]{align-items:center;color:#ffffff4d;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:transform .25s ease,color .25s ease;width:36px}@media(hover:hover){.phase-card:hover .phase-card__arrow[data-v-ef265ec6]{color:var(--theme-color,#818cf8);transform:translate(4px)}}.difficulty-badge[data-v-ef265ec6]{align-items:center;border:1px solid;border-radius:999px;display:inline-flex;font-size:.6875rem;font-weight:600;margin-top:.25rem;padding:.125rem .5rem;width:-moz-fit-content;width:fit-content}.difficulty-badge--easy[data-v-ef265ec6]{background:#22c55e1a;border-color:#22c55e4d;color:#22c55e}.difficulty-badge--medium[data-v-ef265ec6]{background:#f59e0b1a;border-color:#f59e0b4d;color:#f59e0b}.difficulty-badge--hard[data-v-ef265ec6]{background:#ef44441a;border-color:#ef44444d;color:#ef4444}@media(max-width:768px){.phase-hub[data-v-ef265ec6]{gap:1.5rem}.phase-hero[data-v-ef265ec6]{padding:2rem 1.25rem 1.5rem}.phase-hero__title[data-v-ef265ec6]{font-size:1.375rem}.phase-hero__desc[data-v-ef265ec6]{font-size:.8125rem}.phase-featured__main[data-v-ef265ec6]{padding:1.25rem}.phase-featured__main-content[data-v-ef265ec6]{gap:.875rem}.phase-featured__main-thumb[data-v-ef265ec6]{height:52px;width:52px}.phase-featured__main-thumb--og[data-v-ef265ec6]{height:96px;width:96px}.phase-featured__main-img[data-v-ef265ec6]{height:36px;width:36px}.phase-featured__main-name[data-v-ef265ec6]{font-size:1rem}.phase-featured__main-arrow[data-v-ef265ec6]{display:none}.phase-card[data-v-ef265ec6]{padding:.875rem 1rem}.phase-card__content[data-v-ef265ec6]{gap:.75rem}.phase-card__thumb[data-v-ef265ec6]{height:44px;width:44px}.phase-card__thumb--og[data-v-ef265ec6]{height:80px;width:80px}.phase-card__img[data-v-ef265ec6]{height:32px;width:32px}.phase-card__name[data-v-ef265ec6]{font-size:.875rem}.phase-card__desc[data-v-ef265ec6]{font-size:.75rem;-webkit-line-clamp:1}.phase-card__arrow[data-v-ef265ec6]{display:none}}@media(max-width:480px){.phase-section__grid[data-v-ef265ec6]{grid-template-columns:1fr}.phase-card__desc[data-v-ef265ec6]{-webkit-line-clamp:2}}
