:root{color-scheme:dark;--bg: #07070d;--bg-subtle: #0b0b15;--bg-soft: #11111d;--bg-elevated: #0e0e1a;--bg-elevated-2: #15152a;--bg-input: rgba(255, 255, 255, .04);--bg-overlay: rgba(7, 7, 13, .78);--brand: #a78bfa;--brand-strong: #8b5cf6;--brand-soft: rgba(167, 139, 250, .15);--brand-ring: rgba(167, 139, 250, .32);--gradient-brand: linear-gradient(135deg, #a78bfa 0%, #ec4899 100%);--gradient-brand-2: linear-gradient(135deg, #8b5cf6 0%, #ec4899 50%, #f43f5e 100%);--gradient-text: linear-gradient(110deg, #a78bfa 0%, #ec4899 50%, #fb923c 100%);--gradient-glow: radial-gradient(60% 60% at 50% 50%, rgba(167, 139, 250, .3) 0%, transparent 60%);--cyan: #22d3ee;--success: #34d399;--success-soft: rgba(52, 211, 153, .12);--warning: #fbbf24;--warning-soft: rgba(251, 191, 36, .12);--danger: #f87171;--danger-soft: rgba(248, 113, 113, .12);--info: #60a5fa;--info-soft: rgba(96, 165, 250, .12);--text: #f5f5fa;--text-strong: #ffffff;--text-body: #c8cad6;--text-muted: #8b8fa3;--text-faint: #5b6075;--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .14);--line-glow: rgba(167, 139, 250, .45);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .45);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .5), 0 2px 6px rgba(0, 0, 0, .35);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5), 0 2px 6px rgba(0, 0, 0, .35);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .55), 0 6px 14px rgba(0, 0, 0, .4);--shadow-xl: 0 28px 60px rgba(0, 0, 0, .6);--shadow-glow: 0 0 0 1px rgba(167, 139, 250, .35), 0 12px 36px rgba(139, 92, 246, .28);--radius-xs: 6px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 999px;--shell-width: min(1200px, calc(100vw - 48px) );--fs-display: clamp(2.5rem, 5vw, 4rem);--fs-h1: clamp(2rem, 3.6vw, 2.75rem);--fs-h2: clamp(1.5rem, 2.4vw, 2rem);--fs-h3: 1.25rem;--fs-h4: 1.0625rem;--fs-body-lg: 1.0625rem;--fs-body: .9375rem;--fs-body-sm: .875rem;--fs-caption: .8125rem;--fs-overline: .75rem;--lh-tight: 1.05;--lh-title: 1.18;--lh-body: 1.6;--lh-relaxed: 1.75;--font-sans: "Inter", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;--transition-fast: .12s ease;--transition: .2s cubic-bezier(.22, 1, .36, 1);--transition-slow: .36s cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--text-body);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(50% 35% at 78% 0%,rgba(167,139,250,.16),transparent 70%),radial-gradient(40% 30% at 12% 6%,rgba(236,72,153,.1),transparent 70%),radial-gradient(60% 40% at 50% 100%,rgba(99,102,241,.08),transparent 70%);animation:ambient-shift 24s ease-in-out infinite alternate}@keyframes ambient-shift{0%{transform:translateZ(0);opacity:1}50%{transform:translate3d(-2%,1%,0);opacity:.85}to{transform:translate3d(2%,-1%,0);opacity:1}}#app{position:relative;z-index:1;display:flex;flex-direction:column;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);color:var(--text);font-weight:700;letter-spacing:-.018em;line-height:var(--lh-title);margin:0}h1{font-size:var(--fs-h1);letter-spacing:-.025em;color:var(--text-strong)}h2{font-size:var(--fs-h2);letter-spacing:-.02em;color:var(--text-strong)}h3{font-size:var(--fs-h3);color:var(--text)}h4{font-size:var(--fs-h4);color:var(--text)}p{margin:0;color:var(--text-body);line-height:var(--lh-relaxed)}a{color:var(--brand);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:#c4b5fd}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}img,svg,video{display:block;max-width:100%}::selection{background:#a78bfa52;color:#fff}.shell{width:var(--shell-width);margin-inline:auto;position:relative}.page{padding:56px 0 96px}.page-main{flex:1;position:relative}.eyebrow,.page-head__eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-overline);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#c4b5fd}.section__title{font-size:var(--fs-h2);color:var(--text-strong);margin:0}.section__desc{font-size:var(--fs-body);color:var(--text-muted);margin:0;line-height:var(--lh-relaxed);max-width:60ch}.gradient-text{background:var(--gradient-text);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-pan 8s ease-in-out infinite alternate}@keyframes gradient-pan{0%{background-position:0% 50%}to{background-position:100% 50%}}.cta,button.cta,a.cta{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;min-height:42px;background:#fff;color:#0a0a14;border-radius:var(--radius-sm);font-size:var(--fs-body);font-weight:600;letter-spacing:-.005em;border:1px solid #ffffff;box-shadow:0 1px 2px #0006;transition:transform var(--transition-fast),background var(--transition-fast),box-shadow var(--transition),color var(--transition-fast);white-space:nowrap;overflow:hidden;isolation:isolate}.cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-brand);opacity:0;transition:opacity var(--transition);z-index:-1}.cta:hover{background:transparent;color:#fff;border-color:transparent;transform:translateY(-1px);box-shadow:0 8px 24px #a78bfa59}.cta:hover:before{opacity:1}.cta:active{transform:translateY(0)}.cta:disabled{opacity:.5;cursor:not-allowed;transform:none}.cta--brand{background:var(--gradient-brand);border-color:transparent;color:#fff;box-shadow:0 4px 16px #a78bfa52}.cta--brand:before{display:none}.cta--brand:hover{background:var(--gradient-brand);color:#fff;box-shadow:0 10px 28px #a78bfa7a}.ghost,button.ghost,a.ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 18px;min-height:42px;background:#ffffff0a;color:var(--text);border:1px solid var(--line-strong);border-radius:var(--radius-sm);font-size:var(--fs-body);font-weight:600;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast);white-space:nowrap}.ghost:hover{background:#ffffff14;border-color:#ffffff47;color:#fff}.ghost:disabled{opacity:.45;cursor:not-allowed}input,textarea,select{display:block;width:100%;min-height:44px;padding:11px 14px;background:var(--bg-input);border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--text);font-size:var(--fs-body);line-height:1.4;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}input::placeholder,textarea::placeholder{color:var(--text-faint)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-ring);background:#ffffff0f}input:hover:not(:focus),textarea:hover:not(:focus){border-color:#ffffff3d}.tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#ffffff0a;color:var(--text-body);border:1px solid var(--line);border-radius:var(--radius-full);font-size:var(--fs-caption);font-weight:500;line-height:1.4;white-space:nowrap}.tag--accent{background:#a78bfa1f;color:#c4b5fd;border-color:#a78bfa52}.tag--success{background:#34d3991f;color:#6ee7b7;border-color:#34d39952}.tag--warning{background:var(--warning-soft);color:#fcd34d;border-color:#fbbf2452}.tag--danger{background:var(--danger-soft);color:#fca5a5;border-color:#f8717152}.tag-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.card{position:relative;background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:28px;transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition)}.card:hover{border-color:var(--line-strong)}.site-shell{display:flex;flex-direction:column;min-height:100vh;background:transparent}.topbar{position:sticky;top:0;z-index:50;background:#07070db8;backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--line)}.topbar__inner{display:flex;align-items:center;justify-content:space-between;height:72px;gap:32px}.brand{display:inline-flex;align-items:center;gap:12px;color:var(--text)}.brand__mark{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--gradient-brand);color:#fff;font-weight:700;font-size:16px;border-radius:10px;box-shadow:0 6px 18px #a78bfa6b;position:relative;overflow:hidden}.brand__mark:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 30%,rgba(255,255,255,.25) 50%,transparent 70%);transform:translate(-100%);animation:shine 4s ease-in-out infinite}@keyframes shine{0%,70%{transform:translate(-100%)}90%,to{transform:translate(100%)}}.brand__copy{display:flex;flex-direction:column;line-height:1.2}.brand__title{font-size:15px;font-weight:700;color:var(--text);letter-spacing:-.01em}.brand__subtitle{font-size:12px;color:var(--text-muted);margin-top:2px;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar__right{display:flex;align-items:center;gap:16px}.nav{display:flex;align-items:center;gap:4px}.nav__link{position:relative;display:inline-flex;align-items:center;padding:8px 12px;color:var(--text-body);font-size:var(--fs-body);font-weight:500;border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.nav__link:hover{color:var(--text-strong);background:#ffffff0a}.nav__link.router-link-active{color:var(--text-strong);font-weight:600}.nav__link.router-link-active:after{content:"";position:absolute;left:12px;right:12px;bottom:-18px;height:2px;background:var(--gradient-brand);border-radius:2px;box-shadow:0 0 8px #a78bfa99}.nav__actions{display:flex;align-items:center;gap:10px;margin-left:12px;padding-left:16px;border-left:1px solid var(--line)}.menu-toggle{display:none;width:40px;height:40px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:#ffffff0a;position:relative}.menu-toggle span,.menu-toggle span:before,.menu-toggle span:after{position:absolute;left:50%;width:18px;height:2px;background:var(--text);border-radius:2px;transition:transform var(--transition);transform:translate(-50%)}.menu-toggle span{top:50%;transform:translate(-50%,-50%)}.menu-toggle span:before,.menu-toggle span:after{content:""}.menu-toggle span:before{top:-6px}.menu-toggle span:after{top:6px}.menu-toggle--active span{background:transparent}.menu-toggle--active span:before{top:0;transform:translate(-50%) rotate(45deg)}.menu-toggle--active span:after{top:0;transform:translate(-50%) rotate(-45deg)}.mobile-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100}.mobile-drawer__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade-in .2s ease-out}.mobile-drawer__panel{position:absolute;right:0;top:0;bottom:0;width:min(360px,84vw);background:var(--bg-elevated);padding:24px 20px;display:flex;flex-direction:column;gap:20px;box-shadow:var(--shadow-xl);overflow-y:auto;border-left:1px solid var(--line);animation:slide-in-right .28s cubic-bezier(.22,1,.36,1)}@keyframes slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.mobile-drawer__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--line)}.mobile-drawer__nav{display:flex;flex-direction:column;gap:2px}.mobile-drawer__nav .nav__link{padding:12px;font-size:var(--fs-body-lg)}.mobile-drawer__nav .nav__link.router-link-active:after{display:none}.mobile-drawer__actions{display:flex;flex-direction:column;gap:10px;padding-top:16px;border-top:1px solid var(--line)}.mobile-drawer__actions .ghost,.mobile-drawer__actions .cta{width:100%}.mobile-drawer__meta{margin-top:auto;font-size:var(--fs-body-sm);color:var(--text-muted);line-height:1.6;padding-top:16px;border-top:1px solid var(--line)}.home-hero{position:relative;overflow:hidden;background:var(--bg);min-height:640px;display:flex;align-items:center;padding:120px 0 100px;border-bottom:1px solid var(--line)}.home-hero:before,.home-hero:after{content:"";position:absolute;border-radius:50%;filter:blur(80px);z-index:1;pointer-events:none}.home-hero:before{width:540px;height:540px;top:-120px;right:-120px;background:radial-gradient(circle,rgba(167,139,250,.32),transparent 70%);animation:orbit-1 18s ease-in-out infinite alternate}.home-hero:after{width:480px;height:480px;bottom:-180px;left:-100px;background:radial-gradient(circle,rgba(236,72,153,.22),transparent 70%);animation:orbit-2 22s ease-in-out infinite alternate}@keyframes orbit-1{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-60px,40px,0) scale(1.1)}}@keyframes orbit-2{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(80px,-50px,0) scale(1.15)}}.home-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.32;filter:saturate(120%)}.home-hero__fallback{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.home-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(180deg,transparent 0%,var(--bg) 100%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:100% 100%,56px 56px,56px 56px;background-position:0 0,0 0,0 0;pointer-events:none;mask-image:radial-gradient(ellipse at center,rgba(0,0,0,1) 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at center,rgba(0,0,0,1) 30%,transparent 75%)}.home-hero__content{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;text-align:center;gap:32px}.home-hero__copy{display:flex;flex-direction:column;align-items:center;gap:22px;max-width:820px}.home-hero__copy h1{font-size:var(--fs-display);line-height:var(--lh-tight);letter-spacing:-.03em;color:var(--text-strong);font-weight:800;margin:0}.home-hero__copy p{font-size:var(--fs-body-lg);color:var(--text-body);line-height:1.65;max-width:640px;margin:0}.home-hero__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px}.home-hero__controls{display:inline-flex;align-items:center;gap:8px;background:#ffffff0a;border:1px solid var(--line-strong);border-radius:var(--radius-full);padding:6px 10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.home-hero__nav{width:32px;height:32px;border-radius:50%;background:transparent;color:var(--text);font-size:18px;line-height:1;transition:background var(--transition-fast)}.home-hero__nav:hover{background:#ffffff14}.home-hero__dots{display:flex;gap:6px;align-items:center;padding:0 4px}.home-hero__dot{width:6px;height:6px;border-radius:50%;background:#fff3;border:none;padding:0;transition:background var(--transition-fast),width var(--transition-fast)}.home-hero__dot--active{width:24px;border-radius:3px;background:var(--gradient-brand)}.home-hero__copy>*{opacity:0;transform:translateY(16px);animation:hero-rise .8s cubic-bezier(.22,1,.36,1) forwards}.home-hero__copy>*:nth-child(1){animation-delay:80ms}.home-hero__copy>*:nth-child(2){animation-delay:.18s}.home-hero__copy>*:nth-child(3){animation-delay:.28s}.home-hero__copy>*:nth-child(4){animation-delay:.38s}.home-hero__copy>*:nth-child(5){animation-delay:.48s}@keyframes hero-rise{to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal-stagger>*{opacity:0;transform:translateY(24px);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1)}.reveal-stagger.is-visible>*:nth-child(1){transition-delay:0ms}.reveal-stagger.is-visible>*:nth-child(2){transition-delay:90ms}.reveal-stagger.is-visible>*:nth-child(3){transition-delay:.18s}.reveal-stagger.is-visible>*:nth-child(4){transition-delay:.27s}.reveal-stagger.is-visible>*:nth-child(5){transition-delay:.36s}.reveal-stagger.is-visible>*:nth-child(6){transition-delay:.45s}.reveal-stagger.is-visible>*{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.reveal,.reveal-stagger>*,.home-hero__copy>*,body:before{transition:none!important;animation:none!important;opacity:1!important;transform:none!important}}.section{padding:100px 0;position:relative}.home-section{background:transparent}.home-section--articles{background:linear-gradient(180deg,transparent 0%,rgba(167,139,250,.025) 50%,transparent 100%)}.home-section--pricing{background:transparent}.section__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:48px}.section__head>div:first-child{display:flex;flex-direction:column;gap:12px;max-width:720px}.section__head h2,.section__head .section__title{margin:0}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.course-card,.skill-card,.resource-card,.vip-card{position:relative}.course-card:before,.skill-card:before,.resource-card:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:radial-gradient(400px circle at var(--mx, 50%) var(--my, 50%),rgba(167,139,250,.22),transparent 50%);opacity:0;transition:opacity var(--transition);pointer-events:none;z-index:0}.course-card:hover:before,.skill-card:hover:before,.resource-card:hover:before{opacity:1}.course-card>*,.skill-card>*,.resource-card>*{position:relative;z-index:1}.course-card{display:flex;flex-direction:column;background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius-xl);overflow:hidden;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition);box-shadow:var(--shadow-sm)}.course-card:hover{transform:translateY(-3px);border-color:#a78bfa52;box-shadow:var(--shadow-lg)}.course-card__cover{height:180px;background-color:var(--bg-soft);background-size:cover;background-position:center;display:flex;align-items:flex-end;padding:14px;position:relative}.course-card__cover:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 40%,rgba(7,7,13,.85) 100%),linear-gradient(135deg,#a78bfa2e,#ec48991a);z-index:0}.course-card__cover>*{position:relative;z-index:1}.course-card__tag--on-image{background:#0000008c;color:#fff;border-color:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.course-card__body{display:flex;flex-direction:column;gap:12px;padding:22px;flex:1}.course-card__body h3{font-size:var(--fs-h4);color:var(--text-strong);margin:0}.course-card__body p{color:var(--text-muted);font-size:var(--fs-body-sm);line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-card__meta{display:flex;flex-wrap:wrap;gap:12px;font-size:var(--fs-caption);color:var(--text-faint);padding-top:8px;border-top:1px solid var(--line);margin-top:4px}.course-card__body .cta{align-self:flex-start;margin-top:auto}.article-list{display:flex;flex-direction:column;background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm)}.article-item{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 26px;border-bottom:1px solid var(--line);color:inherit;transition:background var(--transition-fast),padding-left var(--transition);position:relative}.article-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--gradient-brand);opacity:0;transition:opacity var(--transition)}.article-item:last-child{border-bottom:none}.article-item:hover{background:#a78bfa0d;padding-left:32px}.article-item:hover:before{opacity:1}.article-item__main{display:flex;flex-direction:column;gap:6px;min-width:0}.article-item__main h3{font-size:var(--fs-h4);margin:0;color:var(--text-strong)}.article-item__main p{font-size:var(--fs-body-sm);color:var(--text-muted);line-height:1.55;margin:0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.article-item__side{display:flex;align-items:center;gap:14px;font-size:var(--fs-caption);color:var(--text-muted);flex-shrink:0}.skill-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.skill-card{display:flex;flex-direction:column;gap:14px;padding:24px;background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius-xl);transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition);box-shadow:var(--shadow-sm)}.skill-card:hover{transform:translateY(-3px);border-color:#a78bfa52;box-shadow:var(--shadow-lg)}.skill-card__top{display:flex;justify-content:space-between;align-items:center}.skill-card h3{font-size:var(--fs-h4);margin:0;color:var(--text-strong)}.skill-card p{color:var(--text-muted);font-size:var(--fs-body-sm);line-height:1.6;margin:0;flex:1}.skill-card__footer{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid var(--line);font-size:var(--fs-caption);color:var(--text-muted)}.benefit-table{padding:0;overflow:hidden;border:1px solid var(--line)}.benefit-table__head{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;padding:16px 24px;background:#ffffff08;border-bottom:1px solid var(--line);font-size:var(--fs-body-sm);font-weight:600;color:var(--text-strong)}.benefit-table__head>div:not(:first-child){text-align:center}.benefit-table__row{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;padding:16px 24px;border-bottom:1px solid var(--line);align-items:center;font-size:var(--fs-body-sm);transition:background var(--transition-fast)}.benefit-table__row:last-child{border-bottom:none}.benefit-table__row:hover{background:#ffffff06}.benefit-table__row>div:not(:first-child){font-size:var(--fs-body-lg);font-weight:600;color:var(--brand);text-align:center}.benefit-table__label{color:var(--text);font-weight:500}.benefit-table--compact{border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden;margin-top:8px}.benefit-table--compact .benefit-table__head{padding:12px 16px;font-size:var(--fs-caption)}.benefit-table--compact .benefit-table__row{padding:10px 16px;font-size:var(--fs-caption)}.benefit-table--compact .benefit-table__row>div:not(:first-child){font-size:var(--fs-body-sm)}.benefit-table__row--price{background:#ffffff05}.benefit-table__price{display:flex;flex-direction:column;align-items:center;gap:4px}.price-original{font-size:var(--fs-body-sm);color:var(--text-muted);text-decoration:line-through;font-weight:400}.price-current{font-size:1.5rem;font-weight:700;color:var(--text-strong)}.benefit-table__row--action{padding:28px 24px 32px;border-bottom:none;border-top:none}.benefit-table__row--action:hover{background:transparent}.benefit-table__row--action>div{padding:0 8px;display:flex;justify-content:center}.benefit-table__row--action .cta{width:100%;text-align:center;padding:14px 20px;font-size:1rem;font-weight:700;border-radius:var(--radius-md);background:var(--gradient-brand);border:none;color:#fff;box-shadow:0 4px 16px #a78bfa59,0 0 0 1px #a78bfa33,inset 0 1px #ffffff26;transition:transform .2s ease,box-shadow .25s ease}.benefit-table__row--action .cta:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 10px 32px #a78bfa80,0 0 0 1px #a78bfa66,inset 0 1px #fff3}.benefit-table__row--action .cta:active{transform:translateY(0) scale(.98)}.pricing-actions{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:32px}.pricing-action{display:flex;flex-direction:column;justify-content:space-between;gap:24px;padding:36px;background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius-2xl);position:relative;overflow:hidden;transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition)}.pricing-action:hover{transform:translateY(-4px);border-color:#a78bfa47;box-shadow:var(--shadow-lg)}.pricing-action h3{margin:12px 0 8px;font-size:var(--fs-h3)}.pricing-action p{color:var(--text-muted);font-size:var(--fs-body);line-height:1.6;margin:0}.pricing-action__bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:24px;border-top:1px solid var(--line)}.pricing-action__bottom strong{font-size:1.75rem;font-weight:700;color:var(--text-strong);font-family:var(--font-sans)}.pricing-action--featured{background:radial-gradient(80% 100% at 100% 0%,rgba(167,139,250,.16),transparent 60%),linear-gradient(160deg,#a78bfa14,#ec48990a);border-color:#a78bfa52;box-shadow:0 0 0 1px #a78bfa29,var(--shadow-md)}.pricing-action--featured:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-brand)}.pricing-action--featured .pricing-action__bottom{border-top-color:#a78bfa2e}.pricing-action--featured .cta{background:var(--gradient-brand);color:#fff;border-color:transparent;box-shadow:0 6px 22px #a78bfa6b}.pricing-action--featured .cta:before{display:none}.pricing-action--featured .cta:hover{background:var(--gradient-brand);color:#fff;box-shadow:0 10px 28px #a78bfa8c}.page-head{margin-bottom:32px}.page-head__card{position:relative;display:flex;flex-direction:column;gap:16px;padding:40px;background:radial-gradient(80% 100% at 100% 0%,rgba(167,139,250,.12),transparent 60%),var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius-2xl);overflow:hidden}.page-head__card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(167,139,250,.4),transparent)}.page-head__title{font-size:var(--fs-h1);color:var(--text-strong);margin:0;letter-spacing:-.025em;max-width:760px}.page-head__desc{color:var(--text-body);font-size:var(--fs-body-lg);margin:0;max-width:640px;line-height:1.65}.page-head__meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.page-grid{display:grid;grid-template-columns:260px 1fr;gap:24px;align-items:start}.page-grid>section{display:contents}.page-grid .page-head{grid-column:1 / -1;margin-bottom:16px}.page-grid .sidebar{grid-column:1}.page-grid .content-card{grid-column:2}.sidebar{position:sticky;top:96px;padding:20px;background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:24px}.sidebar__section{display:flex;flex-direction:column;gap:10px}.sidebar__head{display:flex;flex-direction:column;gap:4px;padding-bottom:8px}.sidebar__title{font-size:var(--fs-caption);text-transform:uppercase;letter-spacing:.08em;font-weight:600;color:var(--text-muted);margin:0}.sidebar__desc{font-size:var(--fs-caption);color:var(--text-faint);margin:0;line-height:1.5}.sidebar__list{display:flex;flex-direction:column;gap:2px}.sidebar__item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-body);font-size:var(--fs-body-sm);font-weight:500;text-align:left;width:100%;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.sidebar__item:hover{background:#ffffff0a;color:var(--text-strong)}.sidebar__item--active{background:#a78bfa1f;color:#c4b5fd;font-weight:600}.sidebar__item>span:last-child{font-size:var(--fs-caption);color:var(--text-faint);font-weight:500}.sidebar__item--active>span:last-child{color:#c4b5fd}.content-card{padding:28px;background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:24px}.toolbar{display:flex;gap:10px;align-items:center}.toolbar input{flex:1;min-width:0}.toolbar--wrap{flex-wrap:wrap}.results-bar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.results-bar__meta{display:flex;gap:8px;flex-wrap:wrap}.grid{display:grid;gap:20px}.grid--resources{grid-template-columns:repeat(2,1fr)}.resource-card{display:flex;flex-direction:column;gap:12px;padding:24px;background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius-lg);transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition)}.resource-card:hover{transform:translateY(-3px);border-color:#a78bfa52;box-shadow:var(--shadow-md)}.resource-card__eyebrow{display:flex;gap:10px;font-size:var(--fs-caption);color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.resource-card h3{font-size:var(--fs-h4);margin:0;color:var(--text-strong)}.resource-card p{color:var(--text-muted);font-size:var(--fs-body-sm);line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.resource-card__meta{display:flex;gap:12px;font-size:var(--fs-caption);color:var(--text-faint)}.resource-card__footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:14px;border-top:1px solid var(--line)}.page-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:8px}.detail{display:flex;flex-direction:column;gap:24px}.detail-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;align-items:start}.detail-hero__copy{display:flex;flex-direction:column;gap:16px;padding:36px}.detail-hero__copy h1{font-size:var(--fs-h1);letter-spacing:-.025em;margin:0}.detail-hero__copy p{color:var(--text-body);font-size:var(--fs-body-lg);line-height:1.65;margin:0}.meta-line{display:flex;flex-wrap:wrap;gap:8px;padding-top:8px;border-top:1px solid var(--line)}.purchase-card{position:relative;display:flex;flex-direction:column;gap:20px;padding:28px;background:radial-gradient(70% 80% at 100% 0%,rgba(167,139,250,.18),transparent 60%),var(--bg-elevated-2);color:var(--text);border:1px solid rgba(167,139,250,.24);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden}.purchase-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(167,139,250,.6),transparent)}.purchase-card .page-head__eyebrow{color:#c4b5fd}.purchase-card__title{font-size:var(--fs-h3);color:var(--text-strong);margin:0}.purchase-card__desc{color:var(--text-body);font-size:var(--fs-body-sm);line-height:1.65;margin:0}.purchase-card__list{display:flex;flex-direction:column;gap:8px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.purchase-card__item{font-size:var(--fs-body-sm);color:var(--text-muted);word-break:break-all}.purchase-card .form-actions{display:flex;flex-direction:column;gap:10px}.detail-card{padding:36px}.detail-card h3{font-size:var(--fs-h3);margin:0 0 16px;color:var(--text-strong)}.detail-richtext{font-size:var(--fs-body-lg);line-height:1.8;color:var(--text-body)}.detail-richtext :first-child{margin-top:0}.detail-richtext :last-child{margin-bottom:0}.detail-richtext p{margin:12px 0}.detail-richtext h1,.detail-richtext h2,.detail-richtext h3{margin-top:28px;margin-bottom:12px;color:var(--text-strong)}.detail-richtext img{max-width:100%;border-radius:var(--radius-md);margin:16px 0}.detail-richtext pre{background:var(--bg-soft);padding:16px;border-radius:var(--radius-md);overflow-x:auto;font-family:var(--font-mono);font-size:var(--fs-body-sm);border:1px solid var(--line)}.detail-richtext code{background:var(--bg-soft);padding:2px 6px;border-radius:4px;font-family:var(--font-mono);font-size:.92em;border:1px solid var(--line)}.auth-wrap{display:grid;grid-template-columns:1.05fr 1fr;min-height:calc(100vh - 72px);background:var(--bg)}.auth-visual{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:48px 56px;background:var(--bg-elevated-2);color:var(--text);overflow:hidden;border-right:1px solid var(--line)}.auth-visual:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(50% 50% at 70% 20%,rgba(167,139,250,.32),transparent 60%),radial-gradient(45% 40% at 20% 90%,rgba(236,72,153,.2),transparent 65%);pointer-events:none;animation:auth-glow 14s ease-in-out infinite alternate}@keyframes auth-glow{0%{transform:scale(1);opacity:1}to{transform:scale(1.1);opacity:.8}}.auth-visual>*{position:relative;z-index:1}.auth-visual__body{display:flex;flex-direction:column;gap:20px;max-width:480px}.auth-visual__body h1{color:var(--text-strong);font-size:var(--fs-h1);letter-spacing:-.025em;line-height:1.15;margin:0}.auth-visual__body p{color:var(--text-body);font-size:var(--fs-body-lg);line-height:1.65;margin:0}.auth-points{display:flex;flex-direction:column;gap:16px;margin-top:8px}.auth-point{display:flex;flex-direction:column;gap:4px;padding:16px 18px;background:#ffffff0a;border:1px solid var(--line);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.auth-point strong{color:var(--text-strong);font-size:var(--fs-body);font-weight:600}.auth-point span{color:var(--text-muted);font-size:var(--fs-body-sm);line-height:1.6}.auth-panel{display:flex;align-items:center;justify-content:center;padding:48px 32px;background:var(--bg)}.form-card{width:100%;max-width:420px;padding:36px;background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.form-card h2{font-size:var(--fs-h2);margin:0 0 8px;color:var(--text-strong)}.form-card>p{color:var(--text-muted);font-size:var(--fs-body);margin:0 0 24px}.form-stack{display:flex;flex-direction:column;gap:14px}.form-stack .cta,.form-stack .ghost{width:100%;margin-top:4px}.form-note{margin-top:18px;font-size:var(--fs-body-sm);color:var(--text-muted);text-align:center}.form-note a{color:var(--brand);font-weight:600}.form-actions{display:flex;gap:10px}.notice{padding:12px 14px;border-radius:var(--radius-sm);font-size:var(--fs-body-sm);line-height:1.5;border:1px solid transparent}.notice--success{background:var(--success-soft);color:#6ee7b7;border-color:#34d39947}.notice--error{background:var(--danger-soft);color:#fca5a5;border-color:#f8717147}.notice--info{background:var(--info-soft);color:#93c5fd;border-color:#60a5fa47}.empty{padding:48px 24px;text-align:center;color:var(--text-muted);font-size:var(--fs-body);background:#ffffff05;border:1px dashed var(--line-strong);border-radius:var(--radius-lg)}.profile-stack{display:flex;flex-direction:column;gap:24px}.profile-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:24px;align-items:start}.dashboard-card{padding:32px;display:flex;flex-direction:column;gap:24px;position:sticky;top:96px}.dashboard-card__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px;background:#ffffff08;border:1px solid var(--line);border-radius:var(--radius-lg)}.dashboard-stat{display:flex;flex-direction:column;gap:4px;text-align:center}.dashboard-stat strong{font-size:var(--fs-h4);color:var(--text-strong);font-weight:700}.dashboard-stat span{font-size:var(--fs-caption);color:var(--text-muted)}.form-grid{display:grid;gap:16px}.form-grid>.card{padding:22px;background:#ffffff06;border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:none}.form-grid>.card h3{font-size:var(--fs-h4);margin:0 0 14px;color:var(--text-strong)}.vip-grid{display:grid;gap:14px}.vip-card{display:flex;flex-direction:column;gap:10px;padding:22px;background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition)}.vip-card:hover{border-color:#a78bfa52;box-shadow:0 0 0 3px #a78bfa1f,var(--shadow-md);transform:translateY(-2px)}.vip-card h3{font-size:var(--fs-h4);margin:0;color:var(--text-strong)}.vip-card p{color:var(--text-muted);font-size:var(--fs-body-sm);line-height:1.6;margin:0}.vip-card__price{font-size:1.875rem;font-weight:700;color:var(--text-strong);font-family:var(--font-sans);background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.vip-card .cta{margin-top:4px;width:100%}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius-lg)}.table{width:100%;border-collapse:collapse;font-size:var(--fs-body-sm)}.table thead th{text-align:left;padding:12px 16px;background:#ffffff08;font-size:var(--fs-caption);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--line)}.table tbody td{padding:14px 16px;border-bottom:1px solid var(--line);color:var(--text-body)}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:#ffffff05}.order-cards{display:none;flex-direction:column;gap:10px}.order-card{display:flex;flex-direction:column;gap:6px;padding:14px 16px;background:#ffffff06;border:1px solid var(--line);border-radius:var(--radius-md)}.order-card__row{display:flex;justify-content:space-between;font-size:var(--fs-body-sm)}.order-card__row span{color:var(--text-muted)}.order-card__row strong{color:var(--text-strong);font-weight:600}.modal-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;animation:fade-in .2s ease-out}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-card{position:relative;width:min(560px,100%);max-height:88vh;overflow-y:auto;background:var(--bg-elevated);border:1px solid var(--line-strong);border-radius:var(--radius-xl);padding:32px;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;gap:18px;animation:modal-rise .32s cubic-bezier(.22,1,.36,1)}@keyframes modal-rise{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.modal-head h3{font-size:var(--fs-h3);color:var(--text-strong)}.footer{margin-top:auto;background:var(--bg-elevated);border-top:1px solid var(--line);color:var(--text-muted);padding:32px 0}.footer__box{font-size:var(--fs-body-sm);color:var(--text-muted);text-align:center}@media(max-width:1024px){.nav,.nav__actions{display:none}.menu-toggle{display:inline-flex;align-items:center;justify-content:center}.topbar__inner{gap:16px}.auth-wrap{grid-template-columns:1fr}.auth-visual{padding:40px 32px;border-right:none;border-bottom:1px solid var(--line)}.profile-grid{grid-template-columns:1fr}.dashboard-card{position:static}.page-grid{grid-template-columns:1fr}.page-grid .sidebar,.page-grid .content-card{grid-column:1}.sidebar{position:static}.detail-hero{grid-template-columns:1fr}.course-grid,.skill-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){:root{--shell-width: calc(100vw - 32px) }.page{padding:32px 0 64px}.topbar__inner{height:64px}.brand__subtitle{display:none}.home-hero{padding:80px 0 64px;min-height:520px}.home-hero__copy h1{font-size:clamp(2rem,8vw,2.75rem)}.section{padding:64px 0}.section__head{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:32px}.course-grid,.skill-grid,.grid--resources,.pricing-actions{grid-template-columns:1fr}.benefit-table__head,.benefit-table__row{grid-template-columns:1.4fr 1fr 1fr 1fr;padding:12px 16px;font-size:var(--fs-caption)}.benefit-table__row>div:not(:first-child){font-size:var(--fs-body-sm)}.price-current{font-size:1.1rem}.benefit-table__row--action .cta{font-size:var(--fs-caption);padding:8px 10px}.page-head__card{padding:28px 24px}.content-card{padding:20px}.detail-hero__copy,.detail-card{padding:28px 24px}.article-item{flex-direction:column;align-items:flex-start;gap:8px;padding:18px 20px}.article-item:hover{padding-left:26px}.article-item__side{width:100%;justify-content:space-between}.results-bar{flex-direction:column;align-items:flex-start;gap:10px}.form-card{padding:28px 22px}.table-wrap{display:none}.order-cards{display:flex}.pricing-action{padding:28px 22px}.pricing-action__bottom{flex-direction:column;align-items:stretch;gap:12px}.pricing-action__bottom .cta{width:100%}.dashboard-card{padding:24px 22px}.dashboard-card__stats{grid-template-columns:1fr;text-align:left}.dashboard-stat{text-align:left;flex-direction:row;align-items:baseline;justify-content:space-between}.modal-card{padding:24px 22px;border-radius:var(--radius-lg)}}.tag-row+.tag-row{margin-top:8px}.page-hero{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:48px 0 40px;margin-bottom:32px;border-bottom:1px solid var(--line);position:relative}.page-hero:before{content:"";position:absolute;inset:-40px -120px auto auto;width:460px;height:240px;background:radial-gradient(60% 60% at 70% 30%,rgba(167,139,250,.2),transparent 70%);filter:blur(40px);pointer-events:none;z-index:-1}.page-hero__title{font-size:clamp(2rem,4vw,3rem);line-height:1.1;letter-spacing:-.028em;color:var(--text-strong);margin:0;font-weight:800}.page-hero__desc{font-size:var(--fs-body-lg);color:var(--text-body);max-width:680px;line-height:1.65;margin:0}.page-hero__search{position:relative;display:flex;align-items:center;gap:10px;width:100%;max-width:640px;background:var(--bg-elevated);border:1px solid var(--line-strong);border-radius:var(--radius-full);padding:6px 6px 6px 18px;margin-top:8px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.page-hero__search:focus-within{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-ring)}.page-hero__search-icon{color:var(--text-muted);font-size:18px;line-height:1}.page-hero__search input{flex:1;min-height:40px;padding:0;background:transparent;border:none;font-size:var(--fs-body)}.page-hero__search input:focus{outline:none;box-shadow:none;background:transparent}.page-hero__search .cta{flex-shrink:0;border-radius:var(--radius-full);min-height:38px;padding:8px 20px}.filter-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.filter-chips__label{font-size:var(--fs-caption);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600;margin-right:4px}.filter-chip{display:inline-flex;align-items:center;padding:7px 14px;background:#ffffff0a;color:var(--text-body);border:1px solid var(--line);border-radius:var(--radius-full);font-size:var(--fs-body-sm);font-weight:500;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.filter-chip:hover{background:#ffffff14;border-color:#fff3;color:var(--text-strong)}.filter-chip--active{background:#a78bfa2e;border-color:#a78bfa73;color:#c4b5fd}.videos-page .page-pagination,.articles-page .page-pagination,.tools-page .page-pagination{margin-top:40px}.collection-featured{position:relative;display:grid;grid-template-columns:1.2fr 1fr;gap:0;align-items:stretch;margin-bottom:56px;padding:0;background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius-2xl);overflow:hidden;transition:border-color var(--transition),box-shadow var(--transition)}.collection-featured:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:radial-gradient(500px circle at var(--mx, 50%) var(--my, 50%),rgba(167,139,250,.25),transparent 50%);opacity:0;pointer-events:none;transition:opacity var(--transition);z-index:0}.collection-featured:hover:before{opacity:1}.collection-featured:hover{border-color:#a78bfa52;box-shadow:var(--shadow-lg)}.collection-featured>*{position:relative;z-index:1}.collection-featured__cover{position:relative;min-height:320px;background-color:var(--bg-soft);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;overflow:hidden}.collection-featured__cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#a78bfa2e,#ec48991f);mix-blend-mode:overlay}.collection-featured__cover--gradient{background:radial-gradient(80% 80% at 30% 30%,rgba(167,139,250,.32),transparent 60%),radial-gradient(70% 70% at 80% 70%,rgba(236,72,153,.22),transparent 60%),var(--bg-elevated-2)}.collection-featured__cover--gradient:after{display:none}.collection-featured__cover--skills{background:radial-gradient(80% 80% at 30% 30%,rgba(236,72,153,.3),transparent 60%),radial-gradient(70% 70% at 80% 70%,rgba(251,146,60,.2),transparent 60%),var(--bg-elevated-2)}.collection-featured__cover--skills:after{display:none}.collection-featured__deco{position:relative;z-index:2;font-family:var(--font-mono);font-size:clamp(4rem,8vw,7rem);font-weight:700;line-height:1;background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.04em;text-shadow:0 0 60px rgba(167,139,250,.3)}.collection-featured__deco--icon{font-family:var(--font-sans);font-size:clamp(5rem,9vw,8rem);font-weight:400}.collection-featured__play{position:relative;z-index:2;width:84px;height:84px;border-radius:50%;background:#ffffffeb;color:#0a0a14;display:flex;align-items:center;justify-content:center;font-size:28px;padding-left:6px;box-shadow:0 12px 40px #00000080;transition:transform var(--transition)}.collection-featured:hover .collection-featured__play{transform:scale(1.08)}.collection-featured__play:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;border:2px solid rgba(255,255,255,.3);animation:pulse-ring 2.4s ease-out infinite}@keyframes pulse-ring{0%{transform:scale(1);opacity:.8}to{transform:scale(1.4);opacity:0}}.collection-featured__body{display:flex;flex-direction:column;justify-content:center;gap:16px;padding:40px}.collection-featured__body h2{font-size:clamp(1.75rem,3vw,2.25rem);letter-spacing:-.02em;margin:0;color:var(--text-strong)}.collection-featured__body p{color:var(--text-body);font-size:var(--fs-body-lg);line-height:1.65;margin:0}.collection-featured__body .cta{align-self:flex-start;margin-top:8px}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.collection-card{position:relative;background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius-xl);overflow:hidden;transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition)}.collection-card:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:radial-gradient(400px circle at var(--mx, 50%) var(--my, 50%),rgba(167,139,250,.22),transparent 50%);opacity:0;pointer-events:none;transition:opacity var(--transition);z-index:0}.collection-card:hover:before{opacity:1}.collection-card:hover{transform:translateY(-3px);border-color:#a78bfa52;box-shadow:var(--shadow-lg)}.collection-card__link{display:flex;flex-direction:column;color:inherit;position:relative;z-index:1;height:100%}.collection-card__link:hover{color:inherit}.collection-card__cover{position:relative;height:180px;background-color:var(--bg-soft);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;overflow:hidden}.collection-card__cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#a78bfa1f,#ec48990f)}.collection-card__cover--gradient{background:radial-gradient(70% 80% at 30% 30%,rgba(167,139,250,.24),transparent 60%),radial-gradient(60% 70% at 80% 70%,rgba(236,72,153,.16),transparent 60%),var(--bg-elevated-2)}.collection-card__cover--gradient:after{display:none}.collection-card__cover--skills{background:radial-gradient(70% 80% at 30% 30%,rgba(236,72,153,.22),transparent 60%),radial-gradient(60% 70% at 80% 70%,rgba(251,146,60,.14),transparent 60%),var(--bg-elevated-2)}.collection-card__cover--skills:after{display:none}.collection-card__deco{position:relative;z-index:1;font-family:var(--font-mono);font-size:3.5rem;font-weight:700;line-height:1;background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.04em;transition:transform var(--transition)}.collection-card__deco--icon{font-family:var(--font-sans);font-size:4rem;font-weight:400}.collection-card:hover .collection-card__deco{transform:scale(1.08)}.collection-card__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.85);width:52px;height:52px;border-radius:50%;background:#ffffffeb;color:#0a0a14;display:flex;align-items:center;justify-content:center;font-size:18px;padding-left:4px;opacity:0;transition:transform var(--transition),opacity var(--transition);z-index:2;box-shadow:0 8px 24px #00000073}.collection-card:hover .collection-card__play{opacity:1;transform:translate(-50%,-50%) scale(1)}.collection-card__access{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;padding:4px 10px;background:#000000a6;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-full);font-size:var(--fs-caption);font-weight:500;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2}.collection-card__kind{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;padding:4px 10px;background:#0000008c;color:#fff;border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-full);font-size:var(--fs-caption);font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-mono);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2}.collection-card__body{display:flex;flex-direction:column;gap:10px;padding:20px 22px 22px;flex:1}.collection-card__body h3{font-size:var(--fs-h4);color:var(--text-strong);margin:0}.collection-card__body p{color:var(--text-muted);font-size:var(--fs-body-sm);line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.collection-card__meta{display:flex;justify-content:space-between;font-size:var(--fs-caption);color:var(--text-faint);padding-top:10px;margin-top:auto;border-top:1px solid var(--line)}@media(max-width:1024px){.collection-grid{grid-template-columns:repeat(2,1fr)}.collection-featured{grid-template-columns:1fr}.collection-featured__cover{min-height:240px}}@media(max-width:768px){.page-hero{padding:32px 0 28px;margin-bottom:24px}.page-hero__search{border-radius:var(--radius-lg);padding:10px;flex-wrap:wrap}.page-hero__search .cta{width:100%}.collection-grid{grid-template-columns:1fr}.collection-featured__body{padding:28px 24px}}