:root{--font-sans:"HarmonyOS Sans SC","HarmonyOS Sans",Outfit,"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans SC",sans-serif;--brand:#1f61ff;--brand-dark:#1851d6;--brand-soft:#e8f0ff;--purple:#7b4dff;--teal:#00b8a9;--orange:#ff6b35;--gold:#ffb400;--text-primary:#000;--text-secondary:#4a4a4a;--text-tertiary:#8c8c8c;--text-quad:#bfbfbf;--bg-white:#fff;--bg-lavender:#f6f5fb;--bg-lavender-2:#efedf8;--bg-dark-purple:#2b2732;--bg-black:#000;--bg-soft:#fafafc;--border-light:#ececef;--border-medium:#d9d9de;--border-dark:#bfbfc4;--container-max:1200px;--header-height:72px;--announcement-height:40px;--section-py:108px;--section-py-sm:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--radius-2xl:44px;--radius-pill:60px;--shadow-sm:0 1px 2px rgba(0,0,0,.04);--shadow-md:0 4px 16px rgba(0,0,0,.06);--shadow-lg:0 12px 40px rgba(0,0,0,.12);--shadow-xl:0 24px 80px rgba(0,0,0,.12);--shadow-blue:0 8px 24px rgba(31,97,255,.25);--ease:cubic-bezier(0.4,0,0.2,1);--ease-out:cubic-bezier(0.16,1,0.3,1);--dur:0.25s;--dur-slow:0.6s}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:16px;line-height:1.5;color:var(--text-primary);background:var(--bg-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden}img,svg{display:block;max-width:100%}a{text-decoration:none}a,button{color:inherit}button{font-family:inherit;cursor:pointer;border:none;background:none}ol,ul{list-style:none}input,textarea{font-family:inherit}::selection{background:var(--brand);color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cfcfd6;border-radius:6px;border:2px solid #fff}::-webkit-scrollbar-thumb:hover{background:var(--brand)}.container{max-width:var(--container-max);margin:0 auto;padding:0 24px;width:100%}.section{padding:var(--section-py) 0}.section-sm{padding:var(--section-py-sm) 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-sans);transition:all var(--dur) var(--ease);white-space:nowrap;cursor:pointer;border:1px solid transparent}.btn:hover{transform:translateY(-2px)}.btn-outline-sm{background:#fff;color:var(--brand);border-radius:22px;padding:9px 18px;font-size:16px;font-weight:500;border:1px solid transparent}.btn-outline-sm:hover{background:var(--brand-soft);box-shadow:0 4px 12px rgba(31,97,255,.15)}.btn-ghost-sm{background:transparent;color:#fff;border-radius:22px;padding:9px 18px;font-size:16px;font-weight:500}.btn-ghost-sm:hover{background:hsla(0,0%,100%,.12)}.btn-primary-pill{background:#fff;color:#000;border-radius:var(--radius-pill);padding:16px 32px;font-size:22px;font-weight:600}.btn-primary-pill:hover{box-shadow:0 12px 32px hsla(0,0%,100%,.25)}.btn-ghost-pill{background:transparent;color:#fff;border-radius:var(--radius-pill);padding:16px 33px;font-size:18px;font-weight:400;border:1px solid hsla(0,0%,100%,.3)}.btn-ghost-pill:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.6)}.btn-outline-blue{background:transparent;color:var(--brand);border-radius:var(--radius-2xl);padding:14px 28px;font-size:22px;font-weight:600;border:2px solid var(--brand)}.btn-outline-blue:hover{background:var(--brand);color:#fff;box-shadow:var(--shadow-blue)}.btn-brand-pill{background:var(--brand);color:#fff;border-radius:var(--radius-pill);padding:16px 36px;font-size:22px;font-weight:600}.btn-brand-pill:hover{background:var(--brand-dark);box-shadow:var(--shadow-blue)}.eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--brand);background:rgba(31,97,255,.08);border:1px solid rgba(31,97,255,.2);border-radius:var(--radius-pill);padding:6px 14px;letter-spacing:.02em}.eyebrow-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 3px rgba(31,97,255,.18);animation:pulse-dot 2.4s ease-in-out infinite}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 3px rgba(31,97,255,.18)}50%{box-shadow:0 0 0 6px rgba(31,97,255,.06)}}.h1{font-size:72px;line-height:1.11;font-weight:600;letter-spacing:-.02em}.h2{font-size:48px;line-height:1.2}.h2,.h3{font-weight:600;letter-spacing:-.01em}.h3{font-size:32px;line-height:1.3}.h4{font-size:22px;line-height:1.4;font-weight:600}.lead{font-size:20px;font-weight:400}.body,.lead{line-height:1.5;color:var(--text-secondary)}.body{font-size:16px}.caption{font-size:14px;line-height:1.57;color:var(--text-tertiary)}.text-grad{background:linear-gradient(90deg,#1f61ff,#7b4dff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.text-center{text-align:center}.reveal{opacity:1;transform:none;transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out)}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.reveal-delay-5{transition-delay:.5s}.arrow-link{display:inline-flex;align-items:center;gap:6px;color:var(--brand);font-size:15px;font-weight:500;transition:gap var(--dur) var(--ease)}.arrow-link:hover{gap:12px}.arrow-link svg{width:14px;height:14px}.announcement{height:var(--announcement-height);background:#000;color:#fff;font-size:14px;display:flex;align-items:center;position:relative;z-index:100;transition:background var(--dur) var(--ease)}.announcement:hover{background:#1a1a1a}.announcement .container{display:flex;align-items:center;justify-content:center;position:relative;text-align:center}.announcement-text{display:inline-flex;align-items:center;gap:8px;flex-wrap:nowrap;white-space:nowrap;font-weight:500;letter-spacing:.01em}.announcement-text svg{flex-shrink:0}.announcement-text .arrow{display:inline-block;margin-left:6px;transition:transform var(--dur) var(--ease)}.announcement:hover .announcement-text .arrow{transform:translateX(4px)}.announcement-close{position:absolute;right:24px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;opacity:.6;transition:opacity var(--dur) var(--ease),background var(--dur) var(--ease)}.announcement-close:hover{opacity:1;background:hsla(0,0%,100%,.12)}.announcement-close svg{width:12px;height:12px}.announcement.is-hidden{display:none}.header{height:var(--header-height);position:-webkit-sticky;position:sticky;top:0;z-index:90;background:transparent;transition:background var(--dur) var(--ease),box-shadow var(--dur) var(--ease),border-color var(--dur) var(--ease);border-bottom:1px solid transparent}.header.is-scrolled{background:hsla(0,0%,100%,.92);backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);box-shadow:0 1px 0 rgba(0,0,0,.06);border-bottom-color:var(--border-light)}.header .container{height:100%;justify-content:space-between;gap:24px}.header .container,.logo{display:flex;align-items:center}.logo{gap:10px;font-size:22px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.logo-mark{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,#1f61ff,#7b4dff);display:flex;align-items:center;justify-content:center;color:#fff;position:relative;overflow:hidden}.logo-mark:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,hsla(0,0%,100%,.35) 0,transparent 50%)}.logo-mark svg{width:18px;height:18px;position:relative;z-index:1}.nav{display:flex;align-items:center;gap:4px;flex:1 1;justify-content:center}.nav-item{position:relative}.nav-link{display:inline-flex;align-items:center;gap:5px;padding:8px 14px;font-size:15px;font-weight:500;color:var(--text-primary);border-radius:8px;transition:color var(--dur) var(--ease),background var(--dur) var(--ease)}.nav-link:hover{color:var(--brand);background:rgba(31,97,255,.06)}.nav-link .chev{width:12px;height:12px;opacity:.6;transition:transform var(--dur) var(--ease)}.nav-item:hover .nav-link .chev{transform:rotate(180deg)}.nav-item.is-active .nav-link{color:var(--brand)}.nav-item.is-active:after{content:"";left:14px;right:14px;bottom:-4px;height:2px;background:var(--brand);border-radius:1px}.mega,.nav-item.is-active:after{position:absolute;pointer-events:none}.mega{top:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(8px);width:880px;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border-light);padding:32px;opacity:0;visibility:hidden;transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease),visibility var(--dur)}.nav-item:hover .mega{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}.mega:before{content:"";position:absolute;top:-8px;left:0;right:0;height:8px}.mega-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:8px 24px;gap:8px 24px}.mega-col-title{font-size:12px;font-weight:600;color:var(--text-tertiary);letter-spacing:.1em;text-transform:uppercase;padding:8px 12px;margin-bottom:4px}.mega-link{display:flex;gap:12px;padding:10px 12px;border-radius:10px;transition:background var(--dur) var(--ease);align-items:center}.mega-link:hover{background:var(--bg-lavender)}.mega-ic{width:36px;height:36px;flex:0 0 36px;border-radius:9px;background:var(--brand-soft);color:var(--brand);display:flex;align-items:center;justify-content:center}.mega-ic svg{width:18px;height:18px}.mega-text .mt-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.mega-text .mt-desc{font-size:12px;color:var(--text-tertiary);line-height:1.4}.header-cta{display:flex;align-items:center;gap:10px}.signup-pill{background:var(--brand);border-radius:22px;padding:2px}.signup-pill .btn-ghost-sm{color:#fff;padding:7px 16px}.signup-pill:hover{background:var(--brand-dark);box-shadow:var(--shadow-blue)}.hamburger{display:none;width:40px;height:40px;align-items:center;justify-content:center;border-radius:8px}.hamburger:hover{background:var(--bg-lavender)}.hamburger svg{width:22px;height:22px;color:var(--text-primary)}.mobile-drawer{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:200;opacity:0;visibility:hidden;transition:opacity var(--dur) var(--ease),visibility var(--dur)}.mobile-drawer.is-open{opacity:1;visibility:visible}.mobile-drawer-inner{position:absolute;right:0;top:0;bottom:0;width:min(360px,80vw);background:#fff;padding:24px;transform:translateX(100%);transition:transform var(--dur) var(--ease);overflow-y:auto}.mobile-drawer.is-open .mobile-drawer-inner{transform:translateX(0)}.mobile-drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.mobile-nav-link{display:block;padding:14px 0;font-size:16px;font-weight:500;border-bottom:1px solid var(--border-light);color:var(--text-primary)}.mobile-nav-link:hover{color:var(--brand)}.mobile-cta{margin-top:24px;display:flex;flex-direction:column;gap:12px}.cat-hero{background:linear-gradient(180deg,#f6f5fb,#fff);padding:56px 0 64px;position:relative;overflow:hidden}.cat-hero:before{top:-180px;right:-180px;background:radial-gradient(circle,rgba(123,77,255,.1) 0,transparent 60%)}.cat-hero:after,.cat-hero:before{content:"";position:absolute;width:560px;height:560px;pointer-events:none}.cat-hero:after{bottom:-200px;left:-200px;background:radial-gradient(circle,rgba(31,97,255,.1) 0,transparent 60%)}.cat-hero-inner{position:relative;z-index:1;max-width:880px;margin:0 auto;text-align:center}.breadcrumb{display:flex;justify-content:center;gap:8px;font-size:13px;margin-bottom:24px;flex-wrap:wrap}.breadcrumb,.breadcrumb a{align-items:center;color:var(--text-tertiary)}.breadcrumb a{transition:color var(--dur) var(--ease);display:inline-flex;gap:4px}.breadcrumb a:hover{color:var(--brand)}.breadcrumb .bc-sep{color:var(--text-quad);font-size:12px}.breadcrumb .bc-current{color:var(--text-secondary);font-weight:500}.cat-hero .eyebrow{margin-bottom:20px}.cat-hero h1{font-size:56px;line-height:1.12;font-weight:600;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:16px}.cat-hero h1 .text-grad{display:inline}.cat-hero .cat-subtitle{font-size:19px;line-height:1.6;color:var(--text-secondary);max-width:680px;margin:0 auto 36px}.cat-search{display:flex;align-items:center;gap:0;background:#fff;border:1.5px solid var(--border-medium);border-radius:var(--radius-pill);padding:8px 8px 8px 24px;max-width:620px;margin:0 auto 28px;box-shadow:var(--shadow-sm);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.cat-search:focus-within{border-color:var(--brand);box-shadow:0 0 0 4px rgba(31,97,255,.1)}.cat-search-icon{color:var(--text-tertiary);flex-shrink:0;margin-right:12px}.cat-search-icon,.cat-search-icon svg{width:20px;height:20px}.cat-search-input{flex:1 1;border:none;outline:none;font-size:16px;color:var(--text-primary);background:transparent;padding:12px 0}.cat-search-input::placeholder{color:var(--text-tertiary)}.cat-search-btn{background:var(--brand);color:#fff;border-radius:var(--radius-pill);padding:12px 28px;font-size:15px;font-weight:600;transition:background var(--dur) var(--ease);flex-shrink:0}.cat-search-btn:hover{background:var(--brand-dark)}.cat-stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;max-width:720px;margin:0 auto}.cat-stat{background:hsla(0,0%,100%,.7);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:18px 12px;text-align:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.cat-stat .num{font-size:28px;font-weight:700;color:var(--brand);letter-spacing:-.02em;line-height:1.1;margin-bottom:4px}.cat-stat .label{font-size:12px;color:var(--text-tertiary);font-weight:500}.cat-content{padding:80px 0 96px;position:relative}.cat-content-head{text-align:center;max-width:720px;margin:0 auto 56px}.cat-content-head .h2{font-size:38px;margin:12px 0}.cat-content-head .body{color:var(--text-secondary)}.two-col{display:grid;grid-template-columns:260px 1fr;grid-gap:40px;gap:40px;align-items:start}.side-sticky{position:-webkit-sticky;position:sticky;top:calc(var(--header-height) + 24px)}.side-card{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm)}.side-title{font-size:13px;font-weight:600;color:var(--text-tertiary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border-light)}.side-group{margin-bottom:20px}.side-group:last-child{margin-bottom:0}.side-group-label{font-size:12px;font-weight:600;color:var(--text-tertiary);letter-spacing:.04em;margin-bottom:10px;display:flex;align-items:center;gap:6px}.side-chips{display:flex;flex-wrap:wrap;gap:8px}.side-chip{display:inline-flex;align-items:center;gap:4px;padding:7px 14px;font-size:13px;font-weight:500;color:var(--text-secondary);background:var(--bg-lavender);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--dur) var(--ease);border:1px solid transparent}.side-chip:hover{background:var(--brand-soft);color:var(--brand)}.side-chip.is-active{background:var(--brand);color:#fff}.side-chip .count{font-size:11px;opacity:.7;font-weight:400}.cat-nav{display:flex;flex-direction:column;gap:4px}.cat-nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;cursor:pointer;transition:all var(--dur) var(--ease);border:1px solid transparent}.cat-nav-item:hover{background:var(--bg-lavender)}.cat-nav-item.is-active{background:var(--brand-soft);border-color:rgba(31,97,255,.2)}.cat-nav-ic{width:28px;height:28px;flex-shrink:0;border-radius:7px;display:flex;align-items:center;justify-content:center}.cat-nav-ic svg{width:14px;height:14px}.cat-nav-ic.is-blue{background:rgba(31,97,255,.12);color:var(--brand)}.cat-nav-ic.is-purple{background:rgba(123,77,255,.12);color:var(--purple)}.cat-nav-ic.is-teal{background:rgba(0,184,169,.12);color:var(--teal)}.cat-nav-ic.is-orange{background:rgba(255,107,53,.12);color:var(--orange)}.cat-nav-ic.is-gold{background:rgba(255,180,0,.14);color:var(--gold)}.cat-nav-ic.is-pink{background:rgba(255,80,140,.12);color:#ff508c}.cat-nav-text{flex:1 1;font-size:14px;font-weight:500;color:var(--text-primary)}.cat-nav-item.is-active .cat-nav-text{color:var(--brand)}.cat-nav-count{font-size:12px;color:var(--text-tertiary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.doc-group{margin-bottom:56px}.doc-group:last-child{margin-bottom:0}.doc-group-head{gap:12px;padding-bottom:16px;margin-bottom:20px;border-bottom:1px solid var(--border-light)}.doc-group-head,.doc-group-ic{display:flex;align-items:center}.doc-group-ic{width:40px;height:40px;border-radius:10px;justify-content:center;flex-shrink:0}.doc-group-ic svg{width:20px;height:20px}.doc-group-ic.is-blue{background:rgba(31,97,255,.1);color:var(--brand)}.doc-group-ic.is-purple{background:rgba(123,77,255,.1);color:var(--purple)}.doc-group-ic.is-teal{background:rgba(0,184,169,.1);color:var(--teal)}.doc-group-ic.is-orange{background:rgba(255,107,53,.1);color:var(--orange)}.doc-group-ic.is-gold{background:rgba(255,180,0,.12);color:var(--gold)}.doc-group-ic.is-pink{background:rgba(255,80,140,.1);color:#ff508c}.doc-group-title{font-size:22px;font-weight:600;color:var(--text-primary);flex:1 1}.doc-group-meta{font-size:13px;color:var(--text-tertiary)}.doc-list{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.doc-card{display:block;background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-md);padding:18px 20px;transition:all var(--dur) var(--ease)}.doc-card:hover{border-color:var(--brand);transform:translateY(-2px);box-shadow:var(--shadow-md)}.doc-card-title{font-size:15px;font-weight:600;color:var(--text-primary);line-height:1.4;margin-bottom:6px;display:flex;align-items:flex-start;gap:6px}.doc-card-title svg{width:14px;height:14px;color:var(--brand);flex-shrink:0;margin-top:4px;opacity:0;transition:opacity var(--dur) var(--ease)}.doc-card:hover .doc-card-title svg{opacity:1}.doc-card-summary{font-size:13px;color:var(--text-tertiary);line-height:1.55;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.doc-card-meta{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text-tertiary)}.doc-card-meta .meta-time{display:inline-flex;align-items:center;gap:4px}.doc-card-meta .meta-time svg{width:12px;height:12px}.doc-level{display:inline-flex;align-items:center;font-size:11px;font-weight:600;padding:2px 8px;border-radius:var(--radius-pill);letter-spacing:.02em}.doc-level.is-easy{background:rgba(0,184,169,.12);color:var(--teal)}.doc-level.is-mid{background:rgba(255,180,0,.14);color:var(--gold)}.doc-level.is-hard{background:rgba(255,107,53,.12);color:var(--orange)}.doc-card-read{color:var(--brand);font-size:13px;font-weight:500;margin-left:auto;display:inline-flex;align-items:center;gap:4px}.doc-card-read svg{width:12px;height:12px}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}.video-card{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--dur) var(--ease)}.video-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--border-medium)}.video-cover{position:relative;aspect-ratio:16/9;overflow:hidden}.video-cover.is-blue{background:linear-gradient(135deg,#1f61ff,#5b8def)}.video-cover.is-purple{background:linear-gradient(135deg,#7b4dff,#b292ff)}.video-cover.is-teal{background:linear-gradient(135deg,#00b8a9,#5bd9cd)}.video-cover.is-orange{background:linear-gradient(135deg,#ff6b35,#ff9e7a)}.video-cover.is-gold{background:linear-gradient(135deg,#ffb400,#ffd566)}.video-cover.is-pink{background:linear-gradient(135deg,#ff508c,#ff8ab3)}.video-cover:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,hsla(0,0%,100%,.18) 0,transparent 50%),radial-gradient(circle at 80% 70%,rgba(0,0,0,.12) 0,transparent 50%)}.video-cover:after{content:"";position:absolute;width:60%;height:60%;left:20%;top:20%;background:linear-gradient(135deg,hsla(0,0%,100%,.18),transparent 60%);border-radius:8px}.video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:56px;height:56px;background:hsla(0,0%,100%,.96);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.18);transition:transform var(--dur) var(--ease);z-index:2}.video-card:hover .video-play{transform:translate(-50%,-50%) scale(1.08)}.video-play svg{width:22px;height:22px;color:var(--brand);margin-left:2px}.video-duration{position:absolute;right:10px;bottom:10px;background:rgba(0,0,0,.72);color:#fff;font-size:12px;font-weight:600;padding:3px 8px;border-radius:6px;z-index:2;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.video-level-tag{position:absolute;left:10px;top:10px;background:hsla(0,0%,100%,.95);font-size:11px;font-weight:600;padding:3px 10px;border-radius:var(--radius-pill);z-index:2;letter-spacing:.02em}.video-level-tag.is-easy{color:var(--teal)}.video-level-tag.is-mid{color:var(--gold)}.video-level-tag.is-hard{color:var(--orange)}.video-body{padding:18px 20px 20px}.video-cat{font-size:12px;color:var(--brand);font-weight:600;letter-spacing:.04em;margin-bottom:6px}.video-title{font-size:16px;font-weight:600;color:var(--text-primary);line-height:1.4;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:44px}.video-meta{justify-content:space-between;font-size:13px;color:var(--text-tertiary);padding-top:12px;border-top:1px solid var(--border-light)}.video-meta,.video-teacher{display:flex;align-items:center}.video-teacher{gap:8px}.video-teacher-ic{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#fff}.video-teacher-ic.is-blue{background:linear-gradient(135deg,#1f61ff,#5b8def)}.video-teacher-ic.is-purple{background:linear-gradient(135deg,#7b4dff,#b292ff)}.video-teacher-ic.is-teal{background:linear-gradient(135deg,#00b8a9,#5bd9cd)}.video-teacher-ic.is-orange{background:linear-gradient(135deg,#ff6b35,#ff9e7a)}.video-teacher-ic.is-gold{background:linear-gradient(135deg,#ffb400,#ffd566)}.video-teacher-ic.is-pink{background:linear-gradient(135deg,#ff508c,#ff8ab3)}.video-students{display:inline-flex;align-items:center;gap:4px}.video-students svg{width:12px;height:12px}.video-watch{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:500;color:var(--brand);margin-top:12px}.video-watch svg{width:12px;height:12px}.asset-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px}.asset-card{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden;transition:all var(--dur) var(--ease)}.asset-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--border-medium)}.asset-thumb{position:relative;aspect-ratio:1/1;overflow:hidden}.asset-thumb.is-blue{background:linear-gradient(135deg,#1f61ff,#5b8def)}.asset-thumb.is-purple{background:linear-gradient(135deg,#7b4dff,#b292ff)}.asset-thumb.is-teal{background:linear-gradient(135deg,#00b8a9,#5bd9cd)}.asset-thumb.is-orange{background:linear-gradient(135deg,#ff6b35,#ff9e7a)}.asset-thumb.is-gold{background:linear-gradient(135deg,#ffb400,#ffd566)}.asset-thumb.is-pink{background:linear-gradient(135deg,#ff508c,#ff8ab3)}.asset-thumb:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.22) 0,transparent 55%)}.asset-thumb-deco{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:60%;height:60%;opacity:.92}.asset-type-tag{left:10px;top:10px;background:hsla(0,0%,100%,.92);color:var(--text-primary);border-radius:var(--radius-pill)}.asset-format-tag,.asset-type-tag{position:absolute;font-size:11px;font-weight:600;padding:3px 9px;z-index:2}.asset-format-tag{right:10px;bottom:10px;background:rgba(0,0,0,.72);color:#fff;border-radius:6px;letter-spacing:.04em}.asset-body{padding:14px 16px 16px}.asset-title{font-size:14px;font-weight:600;color:var(--text-primary);line-height:1.4;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.asset-meta{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--text-tertiary);margin-bottom:10px}.asset-downloads{display:inline-flex;align-items:center;gap:4px}.asset-downloads svg{width:12px;height:12px}.asset-cta{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:500;color:var(--brand);width:100%;justify-content:center;padding:8px 14px;background:var(--brand-soft);border-radius:var(--radius-pill);transition:all var(--dur) var(--ease)}.asset-cta:hover{background:var(--brand);color:#fff}.asset-cta svg{width:12px;height:12px}.welfare-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}.welfare-card{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--dur) var(--ease);display:flex;flex-direction:column}.welfare-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--border-medium)}.welfare-cover{position:relative;padding:28px 24px 20px;overflow:hidden}.welfare-cover.is-blue{background:linear-gradient(135deg,#1f61ff,#5b8def)}.welfare-cover.is-purple{background:linear-gradient(135deg,#7b4dff,#b292ff)}.welfare-cover.is-teal{background:linear-gradient(135deg,#00b8a9,#5bd9cd)}.welfare-cover.is-orange{background:linear-gradient(135deg,#ff6b35,#ff9e7a)}.welfare-cover.is-gold{background:linear-gradient(135deg,#ffb400,#ffd566)}.welfare-cover.is-pink{background:linear-gradient(135deg,#ff508c,#ff8ab3)}.welfare-cover:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,hsla(0,0%,100%,.18) 0,transparent 50%),radial-gradient(circle at 20% 80%,rgba(0,0,0,.08) 0,transparent 50%)}.welfare-tag{display:inline-flex;align-items:center;background:hsla(0,0%,100%,.96);color:var(--text-primary);font-size:12px;font-weight:600;padding:4px 12px;border-radius:var(--radius-pill);position:relative;z-index:1;margin-bottom:16px}.welfare-name{font-size:22px;font-weight:700;letter-spacing:-.01em;margin-bottom:8px}.welfare-name,.welfare-timer{color:#fff;position:relative;z-index:1}.welfare-timer{display:inline-flex;align-items:center;gap:6px;background:rgba(0,0,0,.32);font-size:12px;font-weight:600;padding:5px 10px;border-radius:var(--radius-pill);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.welfare-timer svg{width:12px;height:12px}.welfare-body{padding:20px 24px 24px;flex:1 1;display:flex;flex-direction:column}.welfare-price-row{display:flex;align-items:baseline;gap:10px;margin-bottom:12px}.welfare-price-now{font-size:32px;font-weight:700;color:var(--brand);letter-spacing:-.02em;line-height:1}.welfare-price-now .currency{font-size:18px;font-weight:600}.welfare-price-was{font-size:14px;color:var(--text-tertiary);text-decoration:line-through}.welfare-price-save{font-size:11px;font-weight:600;background:rgba(255,107,53,.12);color:var(--orange);padding:2px 8px;border-radius:var(--radius-pill);margin-left:auto}.welfare-desc{font-size:13px;color:var(--text-secondary)}.welfare-desc,.welfare-rule{line-height:1.6;margin-bottom:16px}.welfare-rule{font-size:12px;color:var(--text-tertiary);background:var(--bg-lavender);padding:10px 14px;border-radius:var(--radius-md)}.welfare-rule strong{color:var(--text-secondary)}.welfare-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:12px;background:var(--brand);color:#fff;border-radius:var(--radius-pill);font-size:15px;font-weight:600;transition:all var(--dur) var(--ease);margin-top:auto}.welfare-btn:hover{background:var(--brand-dark);transform:translateY(-1px);box-shadow:var(--shadow-blue)}.welfare-btn svg{width:14px;height:14px}.welfare-btn.is-ghost{background:var(--brand-soft);color:var(--brand)}.welfare-btn.is-ghost:hover{background:var(--brand);color:#fff}.community-intro{display:grid;grid-template-columns:1fr 1fr;grid-gap:48px;gap:48px;align-items:center;margin-bottom:64px}.community-intro-text .h3{font-size:32px;margin-bottom:16px}.community-intro-text p{font-size:16px;color:var(--text-secondary);line-height:1.7;margin-bottom:16px}.community-intro-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin-top:24px}.community-intro-stat .num{font-size:28px;font-weight:700;color:var(--brand);letter-spacing:-.02em;line-height:1.1}.community-intro-stat .label{font-size:13px;color:var(--text-tertiary);margin-top:4px}.community-intro-visual{position:relative;aspect-ratio:4/3;background:linear-gradient(135deg,#1f61ff,#7b4dff);border-radius:var(--radius-xl);overflow:hidden;padding:32px}.community-intro-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,hsla(0,0%,100%,.18) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(0,0,0,.18) 0,transparent 50%)}.community-bubble{position:absolute;background:hsla(0,0%,100%,.96);border-radius:16px;padding:10px 14px;font-size:13px;font-weight:500;color:var(--text-primary);box-shadow:0 8px 24px rgba(0,0,0,.18)}.community-bubble-1{top:24px;left:24px;max-width:200px}.community-bubble-2{top:80px;right:24px;max-width:180px}.community-bubble-3{bottom:80px;left:32px;max-width:200px}.community-bubble-4{bottom:24px;right:32px;max-width:180px}.community-bubble strong{color:var(--brand)}.community-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px;margin-bottom:64px}.community-card{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:24px;text-align:center;transition:all var(--dur) var(--ease)}.community-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--border-medium)}.community-ic{width:56px;height:56px;margin:0 auto 16px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff}.community-ic svg{width:28px;height:28px}.community-ic.is-blue{background:linear-gradient(135deg,#1f61ff,#5b8def)}.community-ic.is-purple{background:linear-gradient(135deg,#7b4dff,#b292ff)}.community-ic.is-teal{background:linear-gradient(135deg,#00b8a9,#5bd9cd)}.community-ic.is-orange{background:linear-gradient(135deg,#ff6b35,#ff9e7a)}.community-name{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.community-members{font-size:13px;color:var(--text-tertiary);margin-bottom:12px}.community-active{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:500;background:rgba(0,184,169,.1);color:var(--teal);padding:4px 10px;border-radius:var(--radius-pill);margin-bottom:16px}.community-active .dot{width:6px;height:6px;border-radius:50%;background:var(--teal);animation:pulse-dot 2.4s ease-in-out infinite}.community-join-btn{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;padding:10px;border-radius:var(--radius-pill);font-size:14px;font-weight:600;transition:all var(--dur) var(--ease)}.community-join-btn.is-primary{background:var(--brand);color:#fff}.community-join-btn.is-primary:hover{background:var(--brand-dark);transform:translateY(-1px)}.community-join-btn.is-ghost{background:var(--brand-soft);color:var(--brand)}.community-join-btn.is-ghost:hover{background:var(--brand);color:#fff}.community-subhead{text-align:center;margin-bottom:32px}.community-subhead .h3{font-size:28px;margin-bottom:8px}.community-subhead .body{color:var(--text-secondary)}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin-bottom:64px}.topic-card{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-md);padding:18px 20px;transition:all var(--dur) var(--ease);cursor:pointer}.topic-card:hover{border-color:var(--brand);transform:translateY(-2px);box-shadow:var(--shadow-md)}.topic-tag{display:inline-block;font-size:11px;font-weight:600;padding:3px 10px;border-radius:var(--radius-pill);margin-bottom:10px;letter-spacing:.02em}.topic-tag.is-blue{background:rgba(31,97,255,.1);color:var(--brand)}.topic-tag.is-purple{background:rgba(123,77,255,.1);color:var(--purple)}.topic-tag.is-teal{background:rgba(0,184,169,.1);color:var(--teal)}.topic-tag.is-orange{background:rgba(255,107,53,.1);color:var(--orange)}.topic-tag.is-gold{background:rgba(255,180,0,.12);color:var(--gold)}.topic-title{font-size:15px;font-weight:600;color:var(--text-primary);line-height:1.5;margin-bottom:8px}.topic-meta{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--text-tertiary)}.topic-meta span{display:inline-flex;align-items:center;gap:4px}.topic-meta svg{width:12px;height:12px}.event-list{display:flex;flex-direction:column;gap:12px}.event-card{display:flex;align-items:center;gap:20px;background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-md);padding:18px 24px;transition:all var(--dur) var(--ease)}.event-card:hover{border-color:var(--brand);transform:translateX(4px);box-shadow:var(--shadow-md)}.event-date{flex-shrink:0;width:64px;text-align:center;padding:8px 0;background:var(--bg-lavender);border-radius:var(--radius-md)}.event-date .day{font-size:24px;font-weight:700;color:var(--brand);line-height:1}.event-date .month{font-size:11px;color:var(--text-tertiary);margin-top:2px;text-transform:uppercase;letter-spacing:.06em}.event-body{flex:1 1;min-width:0}.event-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.event-meta{display:flex;align-items:center;gap:14px;font-size:13px;color:var(--text-tertiary);flex-wrap:wrap}.event-meta span{display:inline-flex;align-items:center;gap:4px}.event-meta svg{width:12px;height:12px}.event-tag{font-size:11px;font-weight:600;padding:3px 10px;border-radius:var(--radius-pill);letter-spacing:.02em}.event-tag.is-online{background:rgba(31,97,255,.1);color:var(--brand)}.event-tag.is-offline{background:rgba(255,107,53,.1);color:var(--orange)}.event-tag.is-hybrid{background:rgba(123,77,255,.1);color:var(--purple)}.event-cta{font-size:13px;font-weight:500;color:var(--brand);display:inline-flex;align-items:center;gap:4px;flex-shrink:0}.event-cta svg{width:12px;height:12px}.article-list{display:flex;flex-direction:column;gap:16px}.article-card{display:grid;grid-template-columns:220px 1fr;grid-gap:24px;gap:24px;background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden;transition:all var(--dur) var(--ease)}.article-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-medium)}.article-cover{position:relative;overflow:hidden;min-height:160px}.article-cover.is-blue{background:linear-gradient(135deg,#1f61ff,#5b8def)}.article-cover.is-purple{background:linear-gradient(135deg,#7b4dff,#b292ff)}.article-cover.is-teal{background:linear-gradient(135deg,#00b8a9,#5bd9cd)}.article-cover.is-orange{background:linear-gradient(135deg,#ff6b35,#ff9e7a)}.article-cover.is-gold{background:linear-gradient(135deg,#ffb400,#ffd566)}.article-cover.is-pink{background:linear-gradient(135deg,#ff508c,#ff8ab3)}.article-cover:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,hsla(0,0%,100%,.18) 0,transparent 55%)}.article-cover-cat{position:absolute;left:14px;top:14px;background:hsla(0,0%,100%,.95);color:var(--text-primary);font-size:11px;font-weight:600;padding:4px 10px;border-radius:var(--radius-pill);z-index:1;letter-spacing:.02em}.article-body{padding:20px 24px 20px 0}.article-title{font-size:19px;font-weight:600;color:var(--text-primary);line-height:1.4;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-card:hover .article-title{color:var(--brand)}.article-summary{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-meta{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--text-tertiary);flex-wrap:wrap}.article-author-ic{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#fff}.article-author-ic.is-blue{background:linear-gradient(135deg,#1f61ff,#5b8def)}.article-author-ic.is-purple{background:linear-gradient(135deg,#7b4dff,#b292ff)}.article-author-ic.is-teal{background:linear-gradient(135deg,#00b8a9,#5bd9cd)}.article-author-ic.is-orange{background:linear-gradient(135deg,#ff6b35,#ff9e7a)}.article-author-ic.is-gold{background:linear-gradient(135deg,#ffb400,#ffd566)}.article-author-ic.is-pink{background:linear-gradient(135deg,#ff508c,#ff8ab3)}.article-author-name{font-weight:500;color:var(--text-secondary)}.article-read{margin-left:auto;font-size:13px;font-weight:500;color:var(--brand);display:inline-flex;align-items:center;gap:4px}.article-read svg{width:12px;height:12px}.filter-empty{text-align:center;padding:60px 24px;background:var(--bg-lavender);border-radius:var(--radius-lg);display:none}.filter-empty.is-show{display:block}.filter-empty svg{width:48px;height:48px;color:var(--text-quad);margin:0 auto 16px}.filter-empty-title{font-size:18px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.filter-empty-desc{font-size:14px;color:var(--text-tertiary)}.filter-toggle-mobile{display:none;width:100%;padding:12px 16px;background:#fff;border:1.5px solid var(--border-medium);border-radius:var(--radius-pill);font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:20px;justify-content:space-between;align-items:center}.filter-toggle-mobile svg{width:16px;height:16px;transition:transform var(--dur) var(--ease)}.filter-toggle-mobile.is-open svg{transform:rotate(180deg)}.recommend{background:#fff;padding:96px 0;border-top:1px solid var(--border-light)}.recommend-head{text-align:center;margin-bottom:48px}.recommend-head .h2{font-size:38px;margin:12px 0}.recommend-head .body{color:var(--text-secondary)}.recommend-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px}.recommend-card{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--dur) var(--ease);display:flex;flex-direction:column}.recommend-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--border-medium)}.recommend-cover{position:relative;aspect-ratio:16/10;overflow:hidden}.recommend-cover.is-blue{background:linear-gradient(135deg,#1f61ff,#5b8def)}.recommend-cover.is-purple{background:linear-gradient(135deg,#7b4dff,#b292ff)}.recommend-cover.is-teal{background:linear-gradient(135deg,#00b8a9,#5bd9cd)}.recommend-cover.is-orange{background:linear-gradient(135deg,#ff6b35,#ff9e7a)}.recommend-cover:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.2) 0,transparent 55%)}.recommend-type{position:absolute;left:12px;top:12px;background:hsla(0,0%,100%,.96);color:var(--text-primary);font-size:11px;font-weight:600;padding:4px 10px;border-radius:var(--radius-pill);z-index:1;letter-spacing:.02em}.recommend-type svg{width:11px;height:11px;display:inline;vertical-align:-1px;margin-right:3px}.recommend-body{padding:18px 20px 20px;flex:1 1;display:flex;flex-direction:column}.recommend-title{font-size:16px;font-weight:600;color:var(--text-primary);line-height:1.4;margin-bottom:8px;min-height:44px}.recommend-summary,.recommend-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.recommend-summary{font-size:13px;color:var(--text-tertiary);line-height:1.55;margin-bottom:14px;flex:1 1}.recommend-meta{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--text-tertiary);padding-top:12px;border-top:1px solid var(--border-light)}.recommend-meta-left{gap:6px}.recommend-link,.recommend-meta-left{display:inline-flex;align-items:center}.recommend-link{color:var(--brand);font-weight:500;gap:4px}.recommend-link svg{width:12px;height:12px}.subscribe{background:var(--bg-lavender);padding:96px 0;position:relative;overflow:hidden}.subscribe:before{top:-160px;right:-160px;background:radial-gradient(circle,rgba(123,77,255,.1) 0,transparent 60%)}.subscribe:after,.subscribe:before{content:"";position:absolute;width:480px;height:480px;pointer-events:none}.subscribe:after{bottom:-160px;left:-160px;background:radial-gradient(circle,rgba(31,97,255,.1) 0,transparent 60%)}.subscribe-inner{position:relative;z-index:1;max-width:680px;margin:0 auto;text-align:center}.subscribe .eyebrow{margin-bottom:20px}.subscribe .h2{font-size:38px;margin-bottom:14px}.subscribe .body{color:var(--text-secondary);margin-bottom:36px}.subscribe-form{display:flex;align-items:center;gap:8px;background:#fff;border:1.5px solid var(--border-medium);border-radius:var(--radius-pill);padding:6px 6px 6px 22px;max-width:520px;margin:0 auto 16px;box-shadow:var(--shadow-sm);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.subscribe-form.is-error{border-color:#ff5f57;box-shadow:0 0 0 4px rgba(255,95,87,.12)}.subscribe-form.is-focus{border-color:var(--brand);box-shadow:0 0 0 4px rgba(31,97,255,.1)}.subscribe-input{flex:1 1;border:none;outline:none;font-size:15px;color:var(--text-primary);background:transparent;padding:12px 0}.subscribe-input::placeholder{color:var(--text-tertiary)}.subscribe-btn{background:var(--brand);color:#fff;border-radius:var(--radius-pill);padding:12px 26px;font-size:15px;font-weight:600;flex-shrink:0;transition:background var(--dur) var(--ease)}.subscribe-btn:hover{background:var(--brand-dark)}.subscribe-error-msg{display:none;font-size:13px;color:#ff5f57;margin-top:8px}.subscribe-error-msg.is-show{display:block}.subscribe-success{display:none;background:rgba(40,200,64,.1);border:1px solid rgba(40,200,64,.3);color:#1a8e2e;padding:14px 20px;border-radius:var(--radius-md);font-size:14px;font-weight:500;margin-top:16px;align-items:center;justify-content:center;gap:8px}.subscribe-success.is-show{display:flex}.subscribe-success svg{width:16px;height:16px;color:#28c840}.subscribe-hint{font-size:12px;color:var(--text-tertiary);margin-top:12px}.ultimate-cta{background:#000;padding:100px 0 96px;text-align:center;position:relative;overflow:hidden}.ultimate-cta:before{width:800px;height:800px;background:radial-gradient(circle,rgba(31,97,255,.18) 0,transparent 60%)}.ultimate-cta:after,.ultimate-cta:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.ultimate-cta:after{width:500px;height:500px;background:radial-gradient(circle,rgba(123,77,255,.14) 0,transparent 60%)}.ultimate-cta-inner{position:relative;z-index:1}.ultimate-cta h2{color:#fff;font-size:56px;line-height:1.15;font-weight:700;letter-spacing:-.02em;margin-bottom:20px}.ultimate-cta .sub{color:hsla(0,0%,100%,.6);font-size:19px;margin-bottom:44px;max-width:580px;margin-left:auto;margin-right:auto}.ultimate-cta-cta{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.footer{background:#000;color:#999;padding:80px 0 32px}.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr 1fr;grid-gap:40px;gap:40px;margin-bottom:64px}.footer-brand .logo{color:#fff;margin-bottom:16px}.footer-brand .desc{font-size:14px;color:#999;line-height:1.6;margin-bottom:24px;max-width:240px}.footer-socials{display:flex;gap:12px}.footer-social{width:36px;height:36px;border-radius:50%;background:hsla(0,0%,100%,.06);display:flex;align-items:center;justify-content:center;color:#999;transition:all var(--dur) var(--ease)}.footer-social:hover{background:var(--brand);color:#fff;transform:translateY(-2px)}.footer-social svg{width:16px;height:16px}.footer-col-title{font-size:14px;font-weight:600;color:#fff;margin-bottom:20px;letter-spacing:.02em}.footer-col ul{display:flex;flex-direction:column;gap:12px}.footer-col a{font-size:14px;color:#999;transition:color var(--dur) var(--ease);display:inline-block;position:relative}.footer-col a:hover{color:#fff}.footer-bottom{padding-top:32px;border-top:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;font-size:13px;color:#666}.footer-bottom .icp{display:flex;gap:16px;flex-wrap:wrap}.footer-bottom a{color:#666;transition:color var(--dur) var(--ease)}.footer-bottom a:hover{color:#999}.back-to-top{position:fixed;right:24px;bottom:24px;width:48px;height:48px;border-radius:50%;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-blue);z-index:80;opacity:0;visibility:hidden;transform:translateY(12px);transition:all var(--dur) var(--ease)}.back-to-top.is-show{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background:var(--brand-dark);transform:translateY(-2px)}.back-to-top svg{width:22px;height:22px}@media (max-width:1023px){.header-cta,.nav{display:none}.hamburger{display:flex}.h1{font-size:56px}.h2{font-size:40px}.cat-hero h1{font-size:44px}.cat-hero{padding:48px 0 56px}.two-col{grid-template-columns:1fr;gap:24px}.side-sticky{position:static}.filter-toggle-mobile{display:flex}.side-card.is-collapsed{display:none}.doc-list{grid-template-columns:1fr}.video-grid{grid-template-columns:repeat(2,1fr)}.asset-grid{grid-template-columns:repeat(3,1fr)}.community-grid,.recommend-grid,.topic-grid,.welfare-grid{grid-template-columns:repeat(2,1fr)}.community-intro{grid-template-columns:1fr;gap:32px}.article-card{grid-template-columns:180px 1fr}.ultimate-cta h2{font-size:40px}.footer-top{grid-template-columns:repeat(3,1fr)}.footer-brand{grid-column:1/-1}}@media (max-width:767px){:root{--section-py:64px;--section-py-sm:32px}.container{padding:0 16px}.h1{font-size:40px}.h2{font-size:32px}.cat-hero h1{font-size:28px}.cat-hero .cat-subtitle{font-size:16px}.cat-stats{grid-template-columns:repeat(2,1fr)}.cat-search{padding:6px 6px 6px 18px}.cat-search-btn{padding:10px 18px;font-size:14px}.cat-search-input{font-size:14px}.cat-content{padding:56px 0 64px}.cat-content-head .h2{font-size:28px}.btn-brand-pill,.btn-ghost-pill,.btn-outline-blue,.btn-primary-pill{font-size:16px;padding:14px 24px}.video-grid{grid-template-columns:1fr}.asset-grid{grid-template-columns:repeat(2,1fr);gap:14px}.article-card,.community-grid,.recommend-grid,.topic-grid,.welfare-grid{grid-template-columns:1fr}.article-cover{min-height:140px}.article-body{padding:20px}.event-card{flex-direction:column;align-items:flex-start;gap:14px}.event-cta{align-self:flex-end}.ultimate-cta h2{font-size:32px}.ultimate-cta .sub{font-size:16px}.ultimate-cta{padding:72px 0 64px}.footer-top{grid-template-columns:1fr;gap:32px}.footer-brand{grid-column:auto}.footer-bottom{flex-direction:column;align-items:flex-start}.back-to-top{right:16px;bottom:16px;width:44px;height:44px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:1ms!important;transition-duration:1ms!important}}.finflow-toast-wrap{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:10000;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.finflow-toast{background:rgba(20,20,24,.92);color:#fff;padding:12px 20px;border-radius:24px;font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:10px;box-shadow:0 8px 32px rgba(0,0,0,.18);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:0;transform:translateY(8px);transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:auto;max-width:90vw}.finflow-toast.is-show{opacity:1;transform:translateY(0)}.finflow-toast svg{width:18px;height:18px;flex-shrink:0;color:#1f61ff}.finflow-toast.is-success svg{color:#28c840}.finflow-toast.is-error svg{color:#ff5f57}.finflow-toast.is-warning svg{color:#febc2e}.finflow-modal-mask{position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;visibility:hidden;transition:all .25s cubic-bezier(.4,0,.2,1)}.finflow-modal-mask.is-open{opacity:1;visibility:visible}.finflow-modal{background:#fff;border-radius:20px;padding:40px;max-width:480px;width:100%;box-shadow:0 24px 80px rgba(0,0,0,.18);position:relative;transform:translateY(16px) scale(.96);transition:transform .3s cubic-bezier(.16,1,.3,1);max-height:88vh;overflow-y:auto}.finflow-modal-mask.is-open .finflow-modal{transform:translateY(0) scale(1)}.finflow-modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:rgba(0,0,0,.04);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666;transition:all .2s}.finflow-modal-close:hover{background:rgba(0,0,0,.08);color:#000}.finflow-modal-close svg{width:16px;height:16px}.finflow-modal-icon{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#1f61ff,#7b4dff);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#fff}.finflow-modal-icon svg{width:32px;height:32px}.finflow-modal-title{font-size:24px;font-weight:600;color:#000;text-align:center;margin-bottom:12px;line-height:1.3}.finflow-modal-body{font-size:15px;color:#4a4a4a;line-height:1.7;text-align:center;margin-bottom:28px}.finflow-modal-body a{color:#1f61ff;text-decoration:underline}.finflow-modal-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.finflow-modal-actions .lm-btn{padding:12px 24px;border-radius:60px;font-size:15px;font-weight:600;cursor:pointer;border:none;transition:all .25s cubic-bezier(.4,0,.2,1);font-family:inherit}.finflow-modal-actions .lm-btn-primary{background:#1f61ff;color:#fff}.finflow-modal-actions .lm-btn-primary:hover{background:#1851d6;transform:translateY(-2px);box-shadow:0 8px 24px rgba(31,97,255,.25)}.finflow-modal-actions .lm-btn-ghost{background:transparent;color:#1f61ff;border:1.5px solid #1f61ff}.finflow-modal-actions .lm-btn-ghost:hover{background:rgba(31,97,255,.06);transform:translateY(-2px)}@media (max-width:768px){.finflow-modal{padding:28px 24px;border-radius:16px}.finflow-modal-title{font-size:20px}.finflow-toast-wrap{bottom:16px}}