.search-bar{min-width:0;position:relative}.search-bar input{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--radius);background:linear-gradient(145deg,#ffffff0d,#ff408117);width:200px;max-width:100%;padding:.45rem .85rem;font-size:.8125rem;transition:border-color .2s,box-shadow .2s,width .2s;box-shadow:inset 0 1px #ffffff12}.search-bar input:focus{border-color:var(--color-border-bright);outline:none;box-shadow:inset 0 1px #ffffff1a,0 0 0 2px #ff40811f}.search-bar input::placeholder{color:#a8b4c8b3}.search-results{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-border-bright);border-radius:var(--radius-lg);width:min(360px,100vw - 2rem);max-width:360px;box-shadow:inset 0 1px 0 #ffffff14, 0 12px 40px #00000073, var(--shadow-glow-soft);z-index:200;background:linear-gradient(160deg,#160e1cf5,#120c18fa);margin-top:.35rem;list-style:none;position:absolute;top:100%;left:auto;right:0;overflow:hidden}.search-results button{text-align:left;width:100%;color:var(--color-text);cursor:pointer;background:0 0;border:none;padding:.75rem 1rem;transition:background .15s;display:block}.search-results button:hover{background:#ff40811a}.search-results strong{margin-bottom:.15rem;font-size:.875rem;display:block}.search-results span{color:var(--color-text-muted);font-size:.75rem}.logo-diamond-scene{flex-shrink:0;margin:.35rem .25rem;padding-bottom:.25rem;line-height:0;display:inline-block;position:relative;overflow:visible}.logo-diamond-scene canvas{margin:0 auto;display:block;overflow:visible}.logo-diamond-scene--animated{filter:drop-shadow(0 6px 18px #ff408173)drop-shadow(0 0 24px #ff80ab33)}.logo-diamond-scene:not(.logo-diamond-scene--animated){filter:drop-shadow(0 4px 12px #e91e6359)}.hero-headline__logo.logo-diamond-scene{margin:.5rem .35rem .65rem}.locale-selector{flex-shrink:0;position:relative}.locale-selector__trigger{border:1px solid var(--color-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--color-text);cursor:pointer;background:linear-gradient(145deg,#ffffff0f,#ff40811a);align-items:center;gap:.5rem;padding:.4rem .65rem;font-size:.8125rem;font-weight:500;transition:border-color .2s,box-shadow .2s;display:inline-flex;box-shadow:inset 0 1px #ffffff14}.locale-selector__trigger:hover,.locale-selector--open .locale-selector__trigger{border-color:var(--color-border-bright);box-shadow:inset 0 1px 0 #ffffff1f, var(--shadow-glow-soft)}.locale-selector__label{text-overflow:ellipsis;white-space:nowrap;max-width:6.5rem;overflow:hidden}.locale-selector__chevron{opacity:.65;flex-shrink:0;transition:transform .2s}.locale-selector--open .locale-selector__chevron{transform:rotate(180deg)}.flag-icon{border-radius:2px;flex-shrink:0;display:block;box-shadow:0 0 0 1px #ffffff1f}.locale-selector__menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-border-bright);border-radius:var(--radius-lg);min-width:11.5rem;max-height:18rem;box-shadow:inset 0 1px 0 #ffffff14, 0 12px 40px #00000073, var(--shadow-glow-soft);z-index:300;background:linear-gradient(160deg,#160e1cfa,#0a0e17fa);margin:0;padding:.35rem;list-style:none;animation:.2s locale-menu-in;position:absolute;top:calc(100% + .35rem);right:0;overflow-y:auto}@keyframes locale-menu-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.locale-selector__option{border-radius:calc(var(--radius) - 2px);width:100%;color:var(--color-text);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:.65rem;padding:.55rem .65rem;font-size:.8125rem;transition:background .15s;display:flex}.locale-selector__option:hover{background:#ff40811f}.locale-selector__option--active{color:var(--color-accent-light);background:#ff40812e}@media (width<=720px){.locale-selector__trigger{padding:.4rem .5rem}}.cookie-consent{z-index:250;padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom,0));animation:.35s cookie-slide-up;position:fixed;bottom:0;left:0;right:0}@keyframes cookie-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.cookie-consent__inner{max-width:var(--max-width);-webkit-backdrop-filter:blur(18px);border:1px solid var(--color-border-bright);border-radius:var(--radius-lg);background:linear-gradient(145deg,#ffffff12 0%,#ff40811a 50%,#120c18eb 100%);justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;padding:.85rem 1.15rem;display:flex;box-shadow:inset 0 1px #ffffff1a,0 -4px 32px #ff408126,0 8px 32px #0006}.cookie-consent__text{color:var(--color-text-muted);flex:1;margin:0;font-size:.8125rem;line-height:1.5}.cookie-consent__btn{flex-shrink:0;padding:.55rem 1.25rem;font-size:.8125rem}@media (width<=600px){.cookie-consent__inner{text-align:center;flex-direction:column;align-items:stretch}.cookie-consent__btn{width:100%}}.header{z-index:100;-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--color-border);background:#0a0e17b8;position:sticky;top:0;box-shadow:0 4px 24px #ff40810f}.header-inner{max-width:var(--max-width);z-index:102;align-items:center;gap:1rem;margin:0 auto;padding:.75rem 1.5rem;display:flex;position:relative}.logo{color:var(--color-text);flex-shrink:0;align-items:center;gap:.6rem;min-width:0;font-size:1.125rem;font-weight:700;display:flex}.logo:hover{color:var(--color-text)}.logo-img,.logo-diamond-scene{flex-shrink:0;transition:filter .25s;display:block}.logo:hover .logo-diamond-scene--animated{filter:drop-shadow(0 0 16px #ff4081a6)drop-shadow(0 6px 18px #e91e6373)}.logo-text{letter-spacing:-.02em;background:linear-gradient(90deg, #fff 0%, var(--color-accent) 60%, var(--color-primary) 100%);-webkit-text-fill-color:transparent;white-space:nowrap;text-overflow:ellipsis;-webkit-background-clip:text;background-clip:text;overflow:hidden}.nav{flex:1;justify-content:center;align-items:center;gap:.35rem;min-width:0;display:flex}.nav a{color:var(--color-text-muted);border-radius:var(--radius);white-space:nowrap;border:1px solid #0000;padding:.45rem .85rem;font-size:.875rem;font-weight:500;transition:color .2s,background .2s,border-color .2s,box-shadow .2s}.nav a:hover{color:var(--color-accent-light);background:#ff408114;border-color:#ff80ab33;box-shadow:inset 0 1px #ffffff0f}.nav-search-mobile{display:none}.header-right{flex-shrink:0;align-items:center;gap:.65rem;margin-left:auto;display:flex}.header-search-desktop{display:block}.menu-toggle{border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;background:linear-gradient(145deg,#ffffff0f,#ff40811a);flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:0;transition:border-color .2s,background .2s;display:none;box-shadow:inset 0 1px #ffffff14}.menu-toggle:hover{border-color:var(--color-border-bright)}.menu-toggle__bar{background:var(--color-accent);border-radius:1px;width:18px;height:2px;margin:0 auto;transition:transform .25s,opacity .25s;display:block}.header--menu-open .menu-toggle__bar:first-child{transform:translateY(7px)rotate(45deg)}.header--menu-open .menu-toggle__bar:nth-child(2){opacity:0}.header--menu-open .menu-toggle__bar:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.header-backdrop{display:none}.main{max-width:var(--max-width);min-height:calc(100vh - 160px);margin:0 auto;padding:2rem 1.5rem}.footer{border-top:1px solid var(--color-border);text-align:center;color:var(--color-text-muted);background:linear-gradient(#0000,#ff408108);padding:2rem 1.5rem;font-size:.875rem}@media (width<=960px){.nav a{padding:.4rem .6rem;font-size:.8125rem}.header-search-desktop .search-bar input{width:130px}.locale-selector__label{max-width:4.5rem}}@media (width<=720px){.header-inner{flex-wrap:nowrap;padding:.65rem 1rem}.logo{flex:1;min-width:0}.header-search-desktop{display:none}.menu-toggle{display:flex}.header-right .locale-selector__label,.header-right .locale-selector__chevron{display:none}.nav{padding:calc(3.75rem + env(safe-area-inset-top,0)) 1rem 1.25rem;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border-bright);box-shadow:0 16px 48px #00000080, var(--shadow-glow-soft);opacity:0;visibility:hidden;z-index:101;background:linear-gradient(#0e0a14fa 0%,#0a0e17f7 100%);flex-direction:column;flex:none;align-items:stretch;gap:.35rem;max-height:100dvh;transition:transform .3s,opacity .3s,visibility .3s;position:fixed;top:0;left:0;right:0;overflow-y:auto;transform:translateY(-110%)}.nav--open{opacity:1;visibility:visible;transform:translateY(0)}.nav a{border:1px solid var(--color-border);text-align:left;background:#ff40810d;padding:.85rem 1rem;font-size:1rem}.nav-search-mobile{border-top:1px solid var(--color-border);margin-top:.5rem;padding-top:.75rem;display:block}.nav-search-mobile .search-bar,.nav-search-mobile .search-bar input{width:100%}.nav-search-mobile .search-results{width:100%;max-height:40vh;margin-top:.5rem;position:static;overflow-y:auto}.header-backdrop{z-index:100;cursor:pointer;background:#0000008c;border:none;animation:.25s fade-in;display:block;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.main{padding:1.25rem 1rem}}@media (width<=380px){.logo-text{font-size:.95rem}}.article-card{color:var(--color-text);-webkit-backdrop-filter:blur(14px);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(155deg,#ffffff0d 0%,#ff408112 45%,#120c18b3 100%);padding:1.25rem;transition:border-color .25s,transform .25s,box-shadow .25s;display:block;box-shadow:inset 0 1px #ffffff12}.article-card:hover{border-color:var(--color-border-bright);color:var(--color-text);box-shadow:inset 0 1px 0 #ffffff1f, var(--shadow-glow);transform:translateY(-3px)}.article-card-meta{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.reading-time{color:var(--color-accent);opacity:.85;margin-left:auto;font-size:.75rem}.article-card h3{margin-bottom:.5rem;font-size:1.0625rem;line-height:1.4}.article-card p{color:var(--color-text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.875rem;display:-webkit-box;overflow:hidden}.article-card-footer{color:var(--color-text-muted);gap:.75rem;margin-top:1rem;font-size:.75rem;display:flex}.article-card-footer span:first-child{color:var(--color-accent);opacity:.9}.hero-headline{flex-direction:column;align-items:center;gap:1.25rem;margin-bottom:1.5rem;display:flex}.hero-headline__brand{opacity:0;align-items:center;gap:1rem;animation:.8s forwards headline-enter;display:flex;overflow:visible}.hero-headline__logo.logo-diamond-scene--animated{filter:drop-shadow(0 8px 24px #ff40818c)drop-shadow(0 0 36px #ff80ab47)}.hero-headline__name{letter-spacing:-.03em;background:linear-gradient(90deg,#fff 0%,#ff4081 50%,#ff80ab 100%) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.35rem;font-weight:700;animation:5s linear infinite shimmer-text}.hero-headline__title{flex-direction:column;align-items:center;gap:.35rem;max-width:820px;margin:0;line-height:1.15;display:flex}.hero-headline__line{opacity:0;animation:.7s forwards headline-enter;display:block;transform:translateY(18px)}.hero-headline__line--1{color:var(--color-text-muted);font-size:clamp(1.25rem,3vw,1.65rem);font-weight:500;animation-delay:.15s}.hero-headline__line--2{font-size:clamp(2rem,5vw,3rem);font-weight:700;animation-delay:.35s}.hero-headline__accent{background:linear-gradient(135deg,#fff 20%,#ff4081 60%,#e91e63 100%) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:6s linear infinite shimmer-text}.hero-headline__accent--ai{background:linear-gradient(135deg,#ff80ab 0%,#ff4081 50%,#f48fb1 100%) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite reverse shimmer-text}.hero-headline__sep{color:var(--color-text-muted);-webkit-text-fill-color:var(--color-text-muted);margin:0 .3em;font-weight:400}@keyframes headline-enter{to{opacity:1;transform:translateY(0)}}@keyframes shimmer-text{0%{background-position:0%}to{background-position:200%}}@media (width<=768px){.hero-headline__brand{gap:.6rem}.hero-headline__name{font-size:1.1rem}}.hero{text-align:center;padding:2.5rem 0 4rem}.hero-subtitle{color:var(--color-text-muted);opacity:0;max-width:560px;margin:0 auto 2rem;font-size:1.125rem;animation:.7s .55s forwards hero-subtitle-enter}@keyframes hero-subtitle-enter{to{opacity:1}}.hero-actions{opacity:0;justify-content:center;gap:1rem;animation:.7s .75s forwards hero-subtitle-enter;display:flex}.sections-grid,.featured{margin-bottom:3rem}.sections-grid h2,.featured h2{margin-bottom:1.5rem;font-size:1.5rem}.section-card{color:var(--color-text);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(145deg,#ffffff0d 0%,#ff408114 50%,#120c18a6 100%);align-items:center;gap:1rem;padding:1.25rem;transition:border-color .25s,box-shadow .25s,transform .25s;display:flex;box-shadow:inset 0 1px #ffffff14,0 4px 20px #0000002e}.section-card:hover{border-color:var(--color-border-bright);color:var(--color-text);box-shadow:inset 0 1px 0 #ffffff24, var(--shadow-glow);transform:translateY(-3px)}.section-number{background:var(--gradient-pink-soft);-webkit-text-fill-color:transparent;opacity:.85;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.section-card h3{font-size:1rem}.list-page>p{color:var(--color-text-muted);margin-bottom:2rem}.search-input-large{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:600px;color:var(--color-text);background:linear-gradient(145deg,#ffffff0d,#ff408114);margin-bottom:1rem;padding:1rem 1.25rem;font-size:1.0625rem;transition:border-color .2s,box-shadow .2s;box-shadow:inset 0 1px #ffffff12}.search-input-large:focus{border-color:var(--color-border-bright);box-shadow:inset 0 1px 0 #ffffff1a, 0 0 0 3px #ff40811f, var(--shadow-glow-soft);outline:none}.search-count{color:var(--color-text-muted);margin-bottom:1.5rem}.search-page-results{list-style:none}.search-page-results li{border-bottom:1px solid var(--color-border);padding:1.25rem 0;transition:background .2s}.search-page-results li:hover{border-radius:var(--radius);background:#ff40810a;margin:0 -.75rem;padding-left:.75rem;padding-right:.75rem}.search-page-results a{color:var(--color-text)}.search-page-results a:hover{color:var(--color-accent-light)}.search-page-results h3{margin-bottom:.35rem}.search-page-results p{color:var(--color-text-muted);margin-bottom:.35rem;font-size:.875rem}.search-page-results span{color:var(--color-text-muted);font-size:.75rem}@media (width<=768px){.hero-headline__brand{gap:.6rem}.hero-headline__name{font-size:1.1rem}.hero-actions{flex-direction:column;align-items:center}}.article-view{max-width:800px}.breadcrumbs{color:var(--color-text-muted);flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;font-size:.8125rem;display:flex}.breadcrumbs a{color:var(--color-accent);opacity:.85}.breadcrumbs a:hover{opacity:1;color:var(--color-accent-light)}.breadcrumbs span{color:#ff80ab40}.article-header{margin-bottom:2.5rem}.article-badges{gap:.5rem;margin-bottom:1rem;display:flex}.article-header h1{background:linear-gradient(135deg, #fff 20%, var(--color-accent) 70%, var(--color-primary-deep) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:2.25rem;line-height:1.2}.article-description{color:var(--color-text-muted);font-size:1.125rem}.article-section{margin-bottom:2.5rem}.article-section h2{border-bottom:1px solid var(--color-border);background:var(--gradient-pink-soft);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;border-image:linear-gradient(90deg,#ff408166,#0000) 1;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.375rem}.article-content p{margin-bottom:1rem}.article-content ul{margin:1rem 0;padding-left:1.5rem}.article-content li{margin-bottom:.5rem}.faq-list{flex-direction:column;gap:.5rem;display:flex}.faq-item{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius);background:linear-gradient(145deg,#ffffff0a,#ff408112);padding:.75rem 1rem;transition:border-color .2s;box-shadow:inset 0 1px #ffffff0d}.faq-item[open]{border-color:var(--color-border-bright);box-shadow:inset 0 1px 0 #ffffff14, var(--shadow-glow-soft)}.faq-item summary{cursor:pointer;color:var(--color-text);font-weight:600}.faq-item p{color:var(--color-text-muted);margin-top:.75rem}.references-list{padding:0;list-style:none}.references-list li{border-bottom:1px solid var(--color-border);padding:.5rem 0}.related-articles{border-top:1px solid var(--color-border);margin-top:3rem;padding-top:2rem}.related-articles h2{background:var(--gradient-pink);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem}.tracks-page{max-width:1100px;margin:0 auto}.tracks-hero{text-align:center;opacity:0;padding:2rem 0 3.5rem;transition:opacity .7s,transform .7s;transform:translateY(24px)}.tracks-hero--visible{opacity:1;transform:translateY(0)}.tracks-hero-badge{letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent);background:#ff40811f;border:1px solid #ff80ab47;border-radius:999px;margin-bottom:1.25rem;padding:.35rem .85rem;font-size:.75rem;font-weight:600;display:inline-block;box-shadow:inset 0 1px #ffffff1a}.tracks-hero h1{background:linear-gradient(135deg, #fff 15%, var(--color-accent) 55%, var(--color-primary-deep) 100%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;margin-bottom:.75rem;font-size:2.5rem;animation:8s linear infinite shimmer-text}.tracks-hero p{color:var(--color-text-muted);max-width:520px;margin:0 auto;font-size:1.0625rem}.tracks-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;padding-bottom:3rem;display:grid}.track-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);opacity:0;transition:opacity .6s ease var(--delay,0s), transform .6s ease var(--delay,0s), border-color .25s, box-shadow .25s;background:linear-gradient(155deg,#ffffff0d 0%,#ff40810f 40%,#120c18b8 100%);padding:1.75rem;display:block;position:relative;overflow:hidden;transform:translateY(20px);box-shadow:inset 0 1px #ffffff0f}.track-card--visible{opacity:1;transform:translateY(0)}.track-card:hover{border-color:var(--color-border-bright);box-shadow:inset 0 1px 0 #ffffff1a, 0 8px 32px #00000059, var(--shadow-glow);color:var(--color-text)}.track-card-glow{background:var(--color-primary);opacity:.07;filter:blur(40px);pointer-events:none;border-radius:50%;width:180px;height:180px;transition:opacity .3s;position:absolute;top:-40%;right:-20%}.track-card:hover .track-card-glow{opacity:.16}.track-card-icon{background:linear-gradient(145deg,#ff80ab33,#ff40811f);border:1px solid #ff80ab40;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1rem;display:flex;box-shadow:inset 0 1px #ffffff1f}.track-card h3{margin-bottom:.25rem;font-size:1.2rem}.track-card-tagline{color:var(--color-accent);margin-bottom:.6rem;font-size:.8125rem;font-weight:500}.track-card-desc{color:var(--color-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:1.25rem;font-size:.875rem;line-height:1.55;display:-webkit-box;overflow:hidden}.track-card-meta{color:var(--color-text-muted);gap:1rem;margin-bottom:.75rem;font-size:.75rem;display:flex}.track-card-progress{background:var(--color-border);border-radius:2px;height:4px;position:relative;overflow:hidden}.track-card-progress-bar{background:linear-gradient(90deg, var(--color-primary-deep), var(--color-accent), var(--color-primary));border-radius:2px;height:100%;transition:width 1s;box-shadow:0 0 10px #ff408166}.track-card-progress span{color:var(--color-text-muted);margin-top:.4rem;font-size:.6875rem;display:block}.track-detail{max-width:880px;margin:0 auto;padding-bottom:4rem}.track-detail-hero{opacity:0;margin-bottom:3rem;transition:opacity .7s,transform .7s;position:relative;transform:translateY(24px)}.track-detail-hero--visible{opacity:1;transform:translateY(0)}.track-detail-hero__glow{filter:blur(60px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.track-detail-hero__glow--a{background:#ff408138;width:280px;height:280px;top:-20%;left:10%}.track-detail-hero__glow--b{background:#c2185b2e;width:220px;height:220px;bottom:-10%;right:5%}.track-detail-hero__panel{z-index:1;text-align:center;-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border-bright);box-shadow:inset 0 1px 0 #ffffff24, 0 8px 40px #00000059, var(--shadow-glow-soft);background:linear-gradient(155deg,#ffffff12 0%,#ff40811a 35%,#120c18bf 100%);border-radius:20px;padding:2rem 2rem 2.25rem;position:relative;overflow:hidden}.track-detail-hero__panel:before{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(#ffffff1a 0%,#0000 45%);position:absolute;inset:0}.track-back{color:var(--color-text-muted);border-radius:var(--radius);border:1px solid #0000;align-items:center;gap:.35rem;margin-bottom:1.75rem;padding:.35rem .75rem;font-size:.8125rem;font-weight:500;transition:color .2s,border-color .2s,background .2s;display:inline-flex}.track-back:hover{color:var(--color-accent-light);background:#ff408114;border-color:#ff80ab33}.track-detail-hero__head{flex-direction:column;align-items:center;gap:.85rem;margin-bottom:1.25rem;display:flex}.track-detail-icon{background:linear-gradient(155deg,#ffc8dc33 0%,#ff408124 50%,#880e4f38 100%);border:1px solid #ff80ab59;border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;display:flex;box-shadow:inset 0 1px #fff3,0 0 28px #ff408147}.track-detail-tagline{letter-spacing:.04em;text-transform:uppercase;color:var(--color-accent);background:#ff40811f;border:1px solid #ff80ab47;border-radius:999px;padding:.3rem .85rem;font-size:.75rem;font-weight:600;display:inline-block;box-shadow:inset 0 1px #ffffff1a}.track-detail-hero__panel h1{background:linear-gradient(135deg, #fff 10%, var(--color-accent) 50%, var(--color-primary-deep) 100%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;margin-bottom:.85rem;font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.15;animation:8s linear infinite shimmer-text}.track-detail-hero__desc{color:var(--color-text-muted);max-width:540px;margin:0 auto 1.75rem;font-size:1.0625rem;line-height:1.65}.track-detail-stats{flex-wrap:wrap;justify-content:center;gap:.65rem;margin-bottom:1.25rem;display:flex}.track-detail-stat{color:var(--color-text-muted);border:1px solid var(--color-border);background:#ff408114;border-radius:999px;align-items:center;gap:.35rem;padding:.45rem .9rem;font-size:.8125rem;display:inline-flex;box-shadow:inset 0 1px #ffffff0f}.track-detail-stat strong{color:var(--color-accent-light);font-weight:700}.track-detail-stat--progress strong{background:var(--gradient-pink-soft);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.track-detail-progress{background:#ff80ab1f;border:1px solid #ff80ab26;border-radius:999px;max-width:420px;height:8px;margin:0 auto;overflow:hidden;box-shadow:inset 0 1px 2px #0003}.track-detail-progress-fill{background:linear-gradient(90deg, var(--color-primary-deep) 0%, var(--color-primary) 45%, var(--color-accent-light) 100%);border-radius:999px;height:100%;transition:width 1.2s cubic-bezier(.4,0,.2,1);box-shadow:0 0 16px #ff40818c}.timeline{padding:1rem 0;position:relative}.timeline-line{background:var(--color-border);width:2px;position:absolute;top:0;bottom:0;left:50%;overflow:hidden;transform:translate(-50%)}.timeline-line-fill{background:linear-gradient(to bottom, var(--color-primary), var(--color-accent), transparent);width:100%;transition:height 1.5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #ff408159}.timeline-link{color:inherit;text-decoration:none;display:block}.timeline-link:hover .timeline-card{border-color:var(--color-border-bright);box-shadow:inset 0 1px 0 #ffffff1a, 0 12px 28px #0000004d, var(--shadow-glow-soft);transform:translateY(-2px)}.timeline-node{opacity:0;transition:opacity .55s ease var(--delay,0s), transform .55s ease var(--delay,0s);grid-template-columns:1fr auto 1fr;align-items:center;gap:1.5rem;margin-bottom:2.5rem;display:grid;position:relative;transform:translateY(30px)}.timeline-node--visible{opacity:1;transform:translateY(0)}.timeline-node--left .timeline-card{grid-column:1;justify-self:end}.timeline-node--left .timeline-dot{grid-column:2}.timeline-node--right .timeline-card{grid-column:3;justify-self:start}.timeline-node--right .timeline-dot{grid-column:2}.timeline-dot{z-index:2;grid-column:2;width:40px;height:40px;position:relative}.timeline-dot-inner{background:var(--color-bg);border:2px solid var(--color-border);width:40px;height:40px;color:var(--color-text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:.8125rem;font-weight:700;transition:all .3s;display:flex}.timeline-node--available .timeline-dot-inner{border-color:var(--color-accent);color:#fff;background:linear-gradient(145deg,#ff80ab40,#ff408126);box-shadow:inset 0 1px #fff3,0 0 18px #ff408173}.timeline-dot-pulse{border:2px solid var(--color-accent);opacity:0;border-radius:50%;animation:2.5s ease-out infinite pulse-ring;position:absolute;inset:-4px}.timeline-node--available .timeline-dot-pulse{opacity:1}@keyframes pulse-ring{0%{opacity:.6;transform:scale(.9)}to{opacity:0;transform:scale(1.6)}}.timeline-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(145deg,#ffffff0a,#ff408112);width:100%;max-width:340px;padding:1.25rem 1.5rem;transition:border-color .25s,transform .25s,box-shadow .25s;box-shadow:inset 0 1px #ffffff0f}.timeline-node--upcoming .timeline-card{opacity:.55}.timeline-card-header{align-items:center;gap:.5rem;margin-bottom:.6rem;display:flex}.timeline-soon{color:var(--color-text-muted);border:1px dashed var(--color-border);border-radius:4px;padding:.15rem .45rem;font-size:.6875rem}.timeline-card h3{margin-bottom:.35rem;font-size:1.0625rem}.timeline-card p{color:var(--color-text-muted);font-size:.8125rem;line-height:1.5}.timeline-read-time{color:var(--color-accent);margin-top:.65rem;font-size:.75rem;font-weight:500;display:inline-block}@media (width<=768px){.timeline-line{left:20px;transform:none}.timeline-node{grid-template-columns:auto 1fr;gap:1rem;padding-left:0}.timeline-node--left .timeline-card,.timeline-node--right .timeline-card{grid-column:2;justify-self:start}.timeline-node--left .timeline-dot,.timeline-node--right .timeline-dot{grid-column:1}.timeline-card{max-width:none}.tracks-hero h1{font-size:1.875rem}.track-detail-hero__panel{border-radius:16px;padding:1.5rem 1.15rem 1.75rem}}:root{--color-bg:#0a0e17;--color-surface:#120c18b8;--color-surface-hover:#1c1020d9;--color-surface-glass:#ff40810f;--color-border:#ff80ab29;--color-border-bright:#ff80ab52;--color-text:#f1f5f9;--color-text-muted:#a8b4c8;--color-primary:#ff4081;--color-primary-hover:#f50057;--color-primary-deep:#c2185b;--color-accent:#ff80ab;--color-accent-light:#f48fb1;--color-pillar:#ff4081;--color-satellite:#ce93d8;--color-beginner:#66bb6a;--color-intermediate:#ffb74d;--color-advanced:#ef5350;--glass-shine:linear-gradient(180deg, #ffffff38 0%, transparent 55%);--glass-border:linear-gradient(135deg, #ffffff47, #ff408133, #ff80ab26);--gradient-pink:linear-gradient(135deg, #fff 10%, #ff4081 55%, #c2185b 100%);--gradient-pink-soft:linear-gradient(135deg, #ff80ab 0%, #ff4081 50%, #f48fb1 100%);--shadow-glow:0 4px 28px #ff408152;--shadow-glow-soft:0 2px 16px #ff40812e;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--radius:10px;--radius-lg:14px;--max-width:1200px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:radial-gradient(ellipse 90% 55% at 50% -15%, #ff408124, transparent), radial-gradient(ellipse 50% 40% at 100% 30%, #880e4f1a, transparent), radial-gradient(ellipse 45% 35% at 0% 75%, #ff80ab12, transparent), var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6}a{color:var(--color-accent);text-decoration:none;transition:color .2s}a:hover{color:var(--color-accent-light)}code,pre{font-family:var(--font-mono);font-size:.875rem}pre{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);margin:1rem 0;padding:1rem;overflow-x:auto;box-shadow:inset 0 1px #ffffff0a}.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.grid-3{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.section-title,.sections-grid h2,.featured h2,.list-page h1,.search-page h1{background:var(--gradient-pink);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:8s linear infinite shimmer-text}.list-page h1,.search-page h1{margin-bottom:.5rem;font-size:2rem}.badge{text-transform:uppercase;letter-spacing:.06em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #0000;border-radius:6px;padding:.2rem .55rem;font-size:.6875rem;font-weight:600;display:inline-block}.badge-pillar{color:var(--color-accent);background:#ff40812e;border-color:#ff80ab47;box-shadow:inset 0 1px #ffffff1a}.badge-satellite{color:#ce93d8;background:#ce93d826;border-color:#ce93d847;box-shadow:inset 0 1px #ffffff14}.badge-beginner{color:var(--color-beginner);background:#66bb6a26;border-color:#66bb6a40}.badge-intermediate{color:var(--color-intermediate);background:#ffb74d26;border-color:#ffb74d40}.badge-advanced{color:var(--color-advanced);background:#ef535026;border-color:#ef535040}.btn{border-radius:var(--radius-lg);isolation:isolate;cursor:pointer;justify-content:center;align-items:center;padding:.8rem 1.65rem;font-size:.9375rem;font-weight:600;transition:transform .2s,box-shadow .25s,border-color .25s;display:inline-flex;position:relative;overflow:hidden}.btn:active{transform:scale(.98)}.btn-primary{color:#fff;box-shadow:inset 0 1px 0 #ffffff7a, inset 0 -1px 0 #0000001f, var(--shadow-glow);text-shadow:0 1px 2px #0000002e;background:linear-gradient(165deg,#ffd2e1f2 0%,#ff4081eb 38%,#c2185bf5 72%,#880e4f 100%);border:1px solid #ffffff52}.btn-primary:before{content:"";background:var(--glass-shine);pointer-events:none;z-index:0;position:absolute;inset:0}.btn-primary:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(105deg,#0000 30%,#ffffff6b 50%,#0000 70%);width:55%;height:100%;transition:left .55s;position:absolute;top:0;left:-120%;transform:skew(-18deg)}.btn-primary:hover{color:#fff;box-shadow:inset 0 1px #ffffff8c,inset 0 -1px #0000001a,0 6px 32px #ff40817a}.btn-primary:hover:after{left:140%}.btn-secondary{color:var(--color-text);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 #ffffff24, var(--shadow-glow-soft);background:linear-gradient(145deg,#ffffff17 0%,#ff40811c 45%,#ff80ab12 100%);border:1px solid #ff80ab52}.btn-secondary:before{content:"";background:var(--glass-shine);opacity:.6;pointer-events:none;position:absolute;inset:0}.btn-secondary:hover{color:var(--color-accent-light);border-color:#ff80ab85;box-shadow:inset 0 1px #ffffff38,0 4px 28px #ff408147}.glass-panel{-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(145deg,#ffffff0d 0%,#ff408112 50%,#120c1899 100%);transition:border-color .25s,box-shadow .25s,transform .25s;box-shadow:inset 0 1px #ffffff12,0 4px 20px #0003}.glass-panel:hover{border-color:var(--color-border-bright);box-shadow:inset 0 1px 0 #ffffff1f, var(--shadow-glow-soft)}.not-found{text-align:center;padding:4rem 2rem}.not-found h1{background:var(--gradient-pink-soft);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem}