:root{--pf-ease: cubic-bezier(.16, 1, .3, 1);--pf-spring: cubic-bezier(.34, 1.56, .64, 1);--pf-primary: var(--color-primary, #0072ff);--pf-accent: var(--color-accent, #00d4ff);--pf-text: var(--color-grey-900, #111827);--pf-muted: var(--color-grey-500, #6b7280)}.pf-section{background:linear-gradient(160deg,#f5f9ff,#edf2fd,#f8faff);position:relative;overflow:hidden}.pf-blob{position:absolute;border-radius:50%;pointer-events:none;filter:blur(100px)}.pf-blob-1{width:600px;height:600px;top:-200px;right:-150px;background:radial-gradient(circle,rgba(0,114,255,.08) 0%,transparent 70%)}.pf-blob-2{width:450px;height:450px;bottom:-120px;left:-120px;background:radial-gradient(circle,rgba(0,212,255,.06) 0%,transparent 70%)}.pf-container{max-width:1280px;margin:0 auto;padding:100px 5%;position:relative;z-index:1}.pf-header{text-align:center;margin-bottom:64px;max-width:760px;margin-inline:auto}.pf-eyebrow{display:inline-block;font-family:var(--font-sans, "Outfit", sans-serif);font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--pf-primary);background:#0072ff12;border:1px solid rgba(0,114,255,.15);padding:6px 20px;border-radius:999px;margin-bottom:24px}.pf-h2{font-family:var(--font-display, "Clash Display", "Outfit", sans-serif);font-size:clamp(36px,5vw,60px);font-weight:700;line-height:1.08;letter-spacing:-.03em;color:var(--pf-text);margin-bottom:20px}.pf-gradient{background:linear-gradient(135deg,var(--pf-primary),var(--pf-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.pf-gradient:after{content:"";position:absolute;bottom:6px;left:0;width:100%;height:10px;background:#0072ff1f;border-radius:10px;z-index:-1}.pf-subtitle{font-family:var(--font-sans, "Outfit", sans-serif);font-size:17px;color:var(--pf-muted);line-height:1.65;max-width:560px;margin-inline:auto}.pf-grid{display:grid;grid-template-columns:5fr 7fr;gap:64px;align-items:stretch}.pf-left{display:flex;flex-direction:column;justify-content:space-between;gap:32px}.pf-side-label{font-family:var(--font-sans, "Outfit", sans-serif);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--pf-muted);padding-bottom:14px;border-bottom:1px solid rgba(107,122,147,.18);margin-bottom:0}.pf-nav-list{display:flex;flex-direction:column;flex:1}.pf-nav-item{display:flex;align-items:center;gap:18px;width:100%;padding:20px 8px 20px 16px;background:transparent;border:none;border-bottom:1px solid rgba(107,122,147,.12);border-left:2px solid transparent;text-align:left;cursor:pointer;font-family:inherit;color:inherit;transition:background-color .35s var(--pf-ease),border-left-color .35s var(--pf-ease),padding-left .35s var(--pf-ease)}.pf-nav-item:hover{background-color:#0072ff0a}.pf-nav-item.active{background-color:#0072ff0f;border-left-color:var(--pf-primary);padding-left:22px}.pf-nav-num{font-family:var(--font-display, "Clash Display", "Outfit", sans-serif);font-size:22px;font-weight:700;color:#0072ff66;letter-spacing:-.02em;line-height:1;min-width:36px;transition:color .3s ease}.pf-nav-item:hover .pf-nav-num,.pf-nav-item.active .pf-nav-num{color:var(--pf-primary)}.pf-nav-text{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.pf-nav-title{font-family:var(--font-sans, "Outfit", sans-serif);font-size:16px;font-weight:600;color:var(--pf-text);line-height:1.3;letter-spacing:-.01em}.pf-nav-cat{font-family:var(--font-sans, "Outfit", sans-serif);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--pf-muted)}.pf-nav-arrow{flex-shrink:0;color:var(--pf-primary);opacity:0;transform:translate(-8px);transition:opacity .3s ease,transform .3s var(--pf-spring)}.pf-nav-item:hover .pf-nav-arrow,.pf-nav-item.active .pf-nav-arrow{opacity:1;transform:translate(0)}.pf-left-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:24px;border-top:1px solid rgba(107,122,147,.18)}.pf-counter{display:flex;align-items:baseline;gap:6px;font-family:var(--font-display, "Clash Display", "Outfit", sans-serif);line-height:1}.pf-cur{font-size:38px;font-weight:700;color:var(--pf-primary);letter-spacing:-.04em;display:inline-block;min-width:46px}.pf-sep{font-size:26px;font-weight:300;color:#d4dae5}.pf-tot{font-size:20px;font-weight:500;color:#9ca3af;letter-spacing:-.02em}.pf-view-all{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-sans, "Outfit", sans-serif);font-size:14px;font-weight:700;color:#fff;background:var(--pf-primary);padding:12px 22px;border-radius:12px;text-decoration:none;box-shadow:0 8px 24px -4px #0072ff61;transition:background .3s,box-shadow .3s,gap .3s}.pf-view-all:hover{background:#005ee0;box-shadow:0 12px 32px -4px #0072ff7a;gap:12px}.pf-stage-wrap{display:flex;flex-direction:column;gap:28px}.pf-stage{position:relative;height:540px;width:100%}@keyframes pf-aurora{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.pf-ghost{position:absolute;background:linear-gradient(-45deg,#00112b,#002776,#0052d4,#003fa3,#001a5c);background-size:400% 400%;animation:pf-aurora 16s ease infinite;pointer-events:none;box-shadow:0 30px 60px -16px #0023644d}.pf-ghost-far{top:-30px;left:7%;right:-7%;height:60%;opacity:.2;filter:blur(3px);border-radius:22px;animation-delay:-8s}.pf-ghost-near{top:-14px;left:3.5%;right:-3.5%;height:76%;opacity:.45;border-radius:26px;animation-delay:-4s}.pf-card{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;border:1px solid rgba(107,122,147,.13);border-radius:28px;overflow:hidden;display:flex;flex-direction:column;opacity:0;transform:translate(60px) scale(.96);pointer-events:none;z-index:1;box-shadow:0 10px 30px -8px #6b7a932e,0 30px 80px -20px #0072ff2e;transition:opacity .65s var(--pf-ease),transform .65s var(--pf-ease)}.pf-card.active{opacity:1;transform:translate(0) scale(1);pointer-events:auto;z-index:10}.pf-visual{position:relative;flex:1 1 auto;min-height:300px;overflow:hidden;background:linear-gradient(-45deg,#00112b,#002776,#0052d4,#003fa3,#001a5c);background-size:400% 400%;animation:pf-aurora 16s ease infinite;animation-delay:var(--pf-delay, 0s)}.pf-visual:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(255,255,255,.08) 1px,transparent 1px);background-size:28px 28px}.pf-visual:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 60% 40%,rgba(100,180,255,.18) 0%,transparent 65%);pointer-events:none}.pf-vdeco{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.pf-vdeco:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:#ffffff0a;bottom:-160px;right:-140px}.pf-vdeco:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;border:1px solid rgba(255,255,255,.08);bottom:-60px;right:70px}.pf-vnum{position:absolute;left:36px;bottom:24px;font-family:var(--font-display, "Clash Display", "Outfit", sans-serif);font-size:clamp(90px,12vw,160px);font-weight:900;line-height:.9;letter-spacing:-.06em;color:#ffffff1a;pointer-events:none;-webkit-user-select:none;user-select:none}.pf-info{flex:0 0 auto;padding:28px 36px 30px;display:flex;flex-direction:column;gap:14px;background:#fff;border-top:2px solid rgba(0,114,255,.1)}.pf-info-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.pf-cat{font-family:var(--font-sans, "Outfit", sans-serif);font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--pf-primary);background:#0072ff12;border:1px solid rgba(0,114,255,.15);padding:4px 12px;border-radius:999px}.pf-year{font-family:var(--font-sans, "Outfit", sans-serif);font-size:12px;color:#9ca3af;font-weight:500}.pf-title{font-family:var(--font-display, "Clash Display", "Outfit", sans-serif);font-size:clamp(22px,2.2vw,28px);font-weight:700;line-height:1.15;letter-spacing:-.03em;color:var(--pf-text)}.pf-feat-desc{font-family:var(--font-sans, "Outfit", sans-serif);font-size:14px;line-height:1.7;color:var(--pf-muted)}.pf-info-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:14px;border-top:1px solid rgba(107,122,147,.1);margin-top:4px}.pf-tags{display:flex;flex-wrap:wrap;gap:6px;flex:1;min-width:0}.pf-tag{font-family:var(--font-sans, "Outfit", sans-serif);font-size:11px;font-weight:600;color:#6b7280;background:#6b7a9312;border:1px solid rgba(107,122,147,.13);padding:4px 10px;border-radius:999px;white-space:nowrap}.pf-link{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-sans, "Outfit", sans-serif);font-size:13px;font-weight:700;color:var(--pf-primary);text-decoration:none;white-space:nowrap;flex-shrink:0;transition:gap .3s var(--pf-spring),color .25s}.pf-link:hover{gap:10px;color:#005ee0}.pf-controls{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 6px}.pf-dots{display:flex;gap:10px;align-items:center}.pf-dot{position:relative;width:12px;height:12px;border-radius:999px;background:#6b7a9338;border:none;padding:0;cursor:pointer;overflow:hidden;transition:width .45s var(--pf-ease),background .3s var(--pf-ease)}.pf-dot:hover{background:#0072ff59}.pf-dot.active{width:48px;background:#0072ff26}.pf-dot-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--pf-primary);transform-origin:left center;transform:scaleX(0)}@keyframes pf-dot-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.pf-dot.active .pf-dot-fill{animation:pf-dot-progress 6s linear forwards}.pf-arrows{display:flex;gap:10px}.pf-arrow{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;border:1.5px solid rgba(107,122,147,.22);background:#ffffffd9;color:var(--pf-text);cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .3s var(--pf-ease),border-color .3s var(--pf-ease),color .3s var(--pf-ease),transform .3s var(--pf-spring)}.pf-arrow:hover{background:var(--pf-primary);border-color:var(--pf-primary);color:#fff;transform:scale(1.08)}@media(max-width:1024px){.pf-grid{grid-template-columns:1fr;gap:48px}.pf-stage{height:520px}}@media(max-width:768px){.pf-container{padding:70px 5%}.pf-header{margin-bottom:48px}.pf-stage{height:480px}.pf-ghost-far{display:none}.pf-ghost-near{opacity:.3}.pf-info{padding:24px 24px 26px}.pf-nav-item{padding:16px 8px 16px 12px}.pf-nav-num{font-size:20px;min-width:32px}.pf-nav-title{font-size:15px}.pf-cur{font-size:32px;min-width:40px}}@media(max-width:480px){.pf-container{padding:60px 4%}.pf-stage{height:460px}.pf-info-bottom{flex-direction:column;align-items:flex-start}.pf-vnum{font-size:90px;left:24px}.pf-info{padding:20px 20px 22px}.pf-left-foot{flex-direction:column;align-items:flex-start;gap:16px}}@media(prefers-reduced-motion:reduce){.pf-visual,.pf-ghost{animation:none}.pf-card{transition:none}.pf-dot.active .pf-dot-fill{animation:none;transform:scaleX(1)}}@media(prefers-color-scheme:dark){.pf-section{background:linear-gradient(160deg,#131720,#181d29,#131720)}.pf-blob-1{background:radial-gradient(circle,rgba(30,156,245,.14) 0%,transparent 70%)}.pf-blob-2{background:radial-gradient(circle,rgba(77,179,255,.1) 0%,transparent 70%)}.pf-eyebrow{background:transparent;border:none;padding:0;color:#1e9cf5}.pf-h2{color:#f1f4f8}.pf-gradient{background:linear-gradient(135deg,#1e9cf5,#4db3ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pf-gradient:after{background:#1e9cf533}.pf-subtitle{color:#95a0a6}.pf-side-label{color:#95a0a6;border-bottom-color:#ffffff1a}.pf-nav-item{border-bottom-color:#ffffff14;color:#c8d0da}.pf-nav-item:hover{background-color:#1e9cf514}.pf-nav-item.active{background-color:#1e9cf51f;border-left-color:#1e9cf5}.pf-nav-num{color:#4db3ff73}.pf-nav-item:hover .pf-nav-num,.pf-nav-item.active .pf-nav-num{color:#4db3ff}.pf-nav-title{color:#f1f4f8}.pf-nav-cat{color:#95a0a6}.pf-nav-arrow{color:#4db3ff}.pf-left-foot{border-top-color:#ffffff1a}.pf-cur{color:#4db3ff}.pf-sep{color:#ffffff2e}.pf-tot{color:#95a0a6}.pf-view-all{background:#1e9cf5;box-shadow:0 8px 24px -4px #1e9cf56b}.pf-view-all:hover{background:#4db3ff;box-shadow:0 12px 32px -4px #1e9cf58c}.pf-card{background:#1b2030;border-color:#ffffff14;box-shadow:0 10px 30px -8px #00000073,0 30px 80px -20px #0000008c}.pf-info{background:#1b2030;border-top-color:#1e9cf538}.pf-cat{color:#4db3ff;background:#1e9cf51a;border-color:#1e9cf538}.pf-year{color:#95a0a6}.pf-title{color:#f1f4f8}.pf-feat-desc{color:#c8d0da}.pf-info-bottom{border-top-color:#ffffff14}.pf-tag{color:#c8d0da;background:#ffffff0a;border-color:#ffffff14}.pf-link{color:#4db3ff}.pf-link:hover{color:#1e9cf5}.pf-dot{background:#ffffff2e}.pf-dot:hover{background:#1e9cf566}.pf-dot.active{background:#1e9cf533}.pf-dot-fill{background:#1e9cf5}.pf-arrow{background:#ffffff0a;border-color:#ffffff1f;color:#f1f4f8}.pf-arrow:hover{background:#1e9cf5;border-color:#1e9cf5;color:#fff}}