.role-selector:where(.astro-7xfz5d2e){display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.role-selector-title:where(.astro-7xfz5d2e){display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:500;color:var(--color-gray-600)}.dark .role-selector-title:where(.astro-7xfz5d2e){color:var(--color-gray-300)}.wave-emoji:where(.astro-7xfz5d2e){animation:wave 2s ease-in-out infinite;display:inline-block;transform-origin:70% 70%}@keyframes wave{0%,to{transform:rotate(0)}10%,30%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}40%{transform:rotate(-4deg)}50%,70%{transform:rotate(10deg)}60%{transform:rotate(0)}80%{transform:rotate(0)}}.role-selector-options:where(.astro-7xfz5d2e){display:flex;flex-direction:row;gap:1rem;flex-wrap:wrap}.role-option:where(.astro-7xfz5d2e){position:relative;display:flex;flex-direction:column;gap:.875rem;padding:1.25rem;background:#ffffffb3;backdrop-filter:blur(8px);border:1px solid rgba(62,92,244,.15);border-radius:16px;cursor:pointer;transition:all .3s ease;text-decoration:none;color:inherit;min-width:280px;max-width:320px}.role-option:where(.astro-7xfz5d2e).recommended{border-color:#3e5cf466;background:linear-gradient(135deg,#3e5cf40d,#6d5bff14)}.dark .role-option:where(.astro-7xfz5d2e){background:#1e1e28b3;border-color:#6d5bff4d}.dark .role-option:where(.astro-7xfz5d2e).recommended{background:linear-gradient(135deg,#3e5cf41a,#6d5bff26);border-color:#6d5bff80}.role-option:where(.astro-7xfz5d2e):hover{transform:translateY(-4px);box-shadow:0 12px 32px #3e5cf42e;border-color:#3e5cf480}.dark .role-option:where(.astro-7xfz5d2e):hover{box-shadow:0 12px 32px #6d5bff40;border-color:#6d5bff99}.recommended-badge:where(.astro-7xfz5d2e){position:absolute;top:-10px;right:16px;padding:.25rem .75rem;font-size:.6875rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#3e5cf4,#6d5bff);border-radius:9999px;box-shadow:0 2px 8px #3e5cf44d}.role-header:where(.astro-7xfz5d2e){display:flex;align-items:flex-start;gap:.75rem}.role-icon:where(.astro-7xfz5d2e){display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:linear-gradient(135deg,#3e5cf4,#6d5bff);border-radius:12px;color:#fff;flex-shrink:0}.role-header-content:where(.astro-7xfz5d2e){display:flex;flex-direction:column;gap:.25rem;flex:1}.role-label-row:where(.astro-7xfz5d2e){display:flex;align-items:center;gap:.5rem}.role-label:where(.astro-7xfz5d2e){font-size:1rem;font-weight:600;color:var(--color-gray-900)}.dark .role-label:where(.astro-7xfz5d2e){color:var(--color-gray-100)}.role-time-badge:where(.astro-7xfz5d2e){display:inline-flex;align-items:center;padding:.125rem .5rem;font-size:.6875rem;font-weight:500;color:#3e5cf4;background:#3e5cf41a;border-radius:9999px;white-space:nowrap}.dark .role-time-badge:where(.astro-7xfz5d2e){color:#a5b4fc;background:#6d5bff33}.role-desc:where(.astro-7xfz5d2e){font-size:.8125rem;color:var(--color-gray-500);line-height:1.4}.dark .role-desc:where(.astro-7xfz5d2e){color:var(--color-gray-400)}.role-features:where(.astro-7xfz5d2e){list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.role-feature-item:where(.astro-7xfz5d2e){display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--color-gray-600)}.dark .role-feature-item:where(.astro-7xfz5d2e){color:var(--color-gray-400)}.check-icon:where(.astro-7xfz5d2e){width:14px;height:14px;color:#10b981;flex-shrink:0}.role-cta:where(.astro-7xfz5d2e){display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;background:#3e5cf414;border-radius:8px;margin-top:auto;transition:all .3s ease}.role-option:where(.astro-7xfz5d2e).recommended .role-cta:where(.astro-7xfz5d2e){background:linear-gradient(135deg,#3e5cf4,#6d5bff)}.role-option:where(.astro-7xfz5d2e).recommended .role-cta:where(.astro-7xfz5d2e) .role-cta-text:where(.astro-7xfz5d2e),.role-option:where(.astro-7xfz5d2e).recommended .role-cta:where(.astro-7xfz5d2e) .role-arrow:where(.astro-7xfz5d2e){color:#fff}.dark .role-cta:where(.astro-7xfz5d2e){background:#6d5bff26}.role-option:where(.astro-7xfz5d2e):hover .role-cta:where(.astro-7xfz5d2e){background:#3e5cf426}.role-option:where(.astro-7xfz5d2e).recommended:hover .role-cta:where(.astro-7xfz5d2e){background:linear-gradient(135deg,#3e5cf4,#5a4de8);box-shadow:0 4px 12px #3e5cf44d}.dark .role-option:where(.astro-7xfz5d2e):hover .role-cta:where(.astro-7xfz5d2e){background:#6d5bff40}.role-cta-text:where(.astro-7xfz5d2e){font-size:.8125rem;font-weight:600;color:#3e5cf4}.dark .role-cta-text:where(.astro-7xfz5d2e){color:#a5b4fc}.role-arrow:where(.astro-7xfz5d2e){color:#3e5cf4;transition:transform .3s ease}.dark .role-arrow:where(.astro-7xfz5d2e){color:#a5b4fc}.role-option:where(.astro-7xfz5d2e):hover .role-arrow:where(.astro-7xfz5d2e){transform:translate(4px)}@media(max-width:640px){.role-selector-options:where(.astro-7xfz5d2e){flex-direction:column;width:100%}.role-option:where(.astro-7xfz5d2e){width:100%;max-width:unset;min-width:unset}}.news-card:where(.astro-hxm2rwzs){background-color:#e0e9fb73;border-image:linear-gradient(164deg,#ffffff4f 7%,#fff0 84%) 0;&:where(.astro-hxm2rwzs):hover{background:linear-gradient(199deg,#e0e9fbc9 11%,#e0e9fb00 92%)}}.gradient-text:where(.astro-hxm2rwzs){background:linear-gradient(70deg,#3e5cf4 14%,#6d5bff 92%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.scrolling-content:where(.astro-hxm2rwzs){animation:scroll-up 4s cubic-bezier(.4,0,.2,1) infinite}@keyframes scroll-up{0%,45%{transform:translateY(0)}50%,95%{transform:translateY(-33.333%)}to{transform:translateY(-66.666%)}}.demo-link:where(.astro-hxm2rwzs){color:#3e5cf4;transition:all .2s ease}.demo-link:where(.astro-hxm2rwzs):hover{color:#6d5bff}.dark .demo-link:where(.astro-hxm2rwzs){color:#a5b4fc}.dark .demo-link:where(.astro-hxm2rwzs):hover{color:#c7d2fe}.card:where(.astro-3gss6uko){.card-header{background-image:url(https://img.alicdn.com/imgextra/i1/O1CN01L0NG3P1VgrlKrpDqR_!!6000000002683-2-tps-312-197.png);background-repeat:no-repeat;background-size:cover;height:200px}}.preview-overlay:where(.astro-3gss6uko){position:absolute;inset:0;background:linear-gradient(180deg,#3e5cf4f2,#6d5bfff2);display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;transform:translateY(10px);transition:all .3s ease;pointer-events:none}.group\/card:where(.astro-3gss6uko):hover .preview-overlay:where(.astro-3gss6uko){opacity:1;transform:translateY(0);pointer-events:auto}.preview-content:where(.astro-3gss6uko){display:flex;flex-direction:column;gap:.75rem;color:#fff;text-align:center}.preview-meta:where(.astro-3gss6uko){display:flex;justify-content:center;gap:.5rem}.preview-time:where(.astro-3gss6uko){display:flex;align-items:center;gap:.25rem;font-size:.75rem;opacity:.9}.preview-desc:where(.astro-3gss6uko){font-size:.8125rem;line-height:1.5;opacity:.95;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0}.preview-btn:where(.astro-3gss6uko){display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;background:#fff;color:#3e5cf4;font-size:.875rem;font-weight:600;border-radius:8px;text-decoration:none;transition:all .2s ease;margin-top:.25rem}.preview-btn:where(.astro-3gss6uko):hover{transform:scale(1.05);box-shadow:0 4px 12px #0003}.detail-link:where(.astro-3gss6uko){position:relative;transition:all .3s ease;width:fit-content}.detail-link:where(.astro-3gss6uko):after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background-color:currentColor;transition:width .3s ease}.detail-link:where(.astro-3gss6uko):hover:after{width:100%}.detail-link:where(.astro-3gss6uko):hover{opacity:.8}.detail-arrow:where(.astro-3gss6uko){transition:transform .3s ease}.detail-link:where(.astro-3gss6uko):hover .detail-arrow:where(.astro-3gss6uko){transform:translate(4px)}.carousel-wrapper:where(.astro-jd56sicj){position:relative;width:100%}.carousel-container:where(.astro-jd56sicj){overflow:hidden;width:100%;height:500px}.carousel-track:where(.astro-jd56sicj){display:flex;gap:24px;will-change:transform;transition:transform .5s cubic-bezier(.4,0,.2,1)}.carousel-track:where(.astro-jd56sicj).no-transition{transition:none!important}.carousel-wrapper:where(.astro-jd56sicj).no-transition .carousel-card:where(.astro-jd56sicj){transition:none!important}.carousel-wrapper:where(.astro-jd56sicj).no-transition .card-inner:where(.astro-jd56sicj){transition:none!important}.carousel-card:where(.astro-jd56sicj){flex:0 0 calc((100% - 48px) / 3);min-width:0;transition:all .5s cubic-bezier(.4,0,.2,1)}.card-content:where(.astro-jd56sicj){display:block;position:relative;border-radius:1rem;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a;transition:all .3s ease}.card-content:where(.astro-jd56sicj):hover{box-shadow:0 20px 25px -5px #00000026;transform:translateY(-4px)}.card-inner:where(.astro-jd56sicj){padding:2rem;display:flex;flex-direction:column;justify-content:space-between;gap:1rem;transition:height .5s cubic-bezier(.4,0,.2,1);overflow:hidden}.carousel-card:where(.astro-jd56sicj){opacity:.6;transition:opacity .5s cubic-bezier(.4,0,.2,1)}.carousel-card:where(.astro-jd56sicj) .card-inner:where(.astro-jd56sicj){height:200px}.carousel-card:where(.astro-jd56sicj).wave-0{opacity:.8}.carousel-card:where(.astro-jd56sicj).wave-0 .card-inner:where(.astro-jd56sicj){height:300px!important}.carousel-card:where(.astro-jd56sicj).wave-1{opacity:.9}.carousel-card:where(.astro-jd56sicj).wave-1 .card-inner:where(.astro-jd56sicj){height:380px!important}.carousel-card:where(.astro-jd56sicj).wave-2{opacity:1;z-index:5}.carousel-card:where(.astro-jd56sicj).wave-2 .card-inner:where(.astro-jd56sicj){height:480px!important}.carousel-card:where(.astro-jd56sicj).wave-3{opacity:.8}.carousel-card:where(.astro-jd56sicj).wave-3 .card-inner:where(.astro-jd56sicj){height:340px!important}.card-author:where(.astro-jd56sicj){font-size:.875rem;margin-bottom:.5rem;font-weight:300}.card-title:where(.astro-jd56sicj){font-size:.875rem;opacity:.8;margin-bottom:1rem;font-weight:300;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-desc:where(.astro-jd56sicj){opacity:.9;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.card-action:where(.astro-jd56sicj){margin-top:auto;padding-top:1rem;display:flex;align-items:center;font-size:.875rem;font-weight:500;opacity:0;transform:translateY(8px);transition:all .3s ease}.group:where(.astro-jd56sicj):hover .card-action:where(.astro-jd56sicj){opacity:1;transform:translateY(0)}.gradient-left:where(.astro-jd56sicj),.gradient-right:where(.astro-jd56sicj){position:absolute;top:0;height:100%;width:6rem;z-index:10;pointer-events:none}.gradient-left:where(.astro-jd56sicj){left:0;background:linear-gradient(to right,#F4F6F9,transparent)}.gradient-right:where(.astro-jd56sicj){right:0;background:linear-gradient(to left,#F4F6F9,transparent)}@media(max-width:1024px){.carousel-container:where(.astro-jd56sicj){height:auto}.carousel-track:where(.astro-jd56sicj){overflow-x:auto;scroll-snap-type:x mandatory;padding:0 1rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.carousel-track:where(.astro-jd56sicj)::-webkit-scrollbar{display:none}.carousel-card:where(.astro-jd56sicj){flex:0 0 85%;scroll-snap-align:center;opacity:1!important}.carousel-card:where(.astro-jd56sicj) .card-inner:where(.astro-jd56sicj){height:320px!important}.gradient-left:where(.astro-jd56sicj),.gradient-right:where(.astro-jd56sicj){display:none}}