html,body{background-color:#020617!important;min-height:100vh;overflow-x:hidden}.hero{background:transparent!important;position:relative;z-index:5}.hero{background:transparent!important;position:relative;z-index:5;padding-top:140px}.animated-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 30%,#1e293b,#020617 70%)}.animated-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:50px 50px;mask-image:radial-gradient(circle at 50% 30%,black 40%,transparent 80%);-webkit-mask-image:radial-gradient(circle at 50% 30%,black 40%,transparent 80%);opacity:.8}.animated-bg:after{content:"";position:absolute;top:0;right:0;width:70%;height:70%;background:radial-gradient(circle at 100% 0%,rgba(56,189,248,.08),transparent 60%);z-index:1}#main-title{font-size:clamp(3.5rem,6vw,5rem);font-weight:900;margin-bottom:.5rem;background:linear-gradient(135deg,#fff,#cbd5e1,#38bdf8 60%,#22d3ee)!important;background-size:200% auto!important;animation:shine 5s linear infinite!important;-webkit-background-clip:text!important;background-clip:text;-webkit-text-fill-color:transparent!important;text-shadow:0 20px 50px rgba(56,189,248,.3);letter-spacing:-2px;opacity:1}@keyframes shine{to{background-position:200% center}}@media(max-width:768px){#filter-bar{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;justify-content:flex-start!important;padding:0 16px 16px!important;gap:12px!important;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}#filter-bar::-webkit-scrollbar{display:none}#filter-bar .filter-btn{flex-shrink:0!important;white-space:nowrap!important;font-size:.95rem!important;padding:10px 20px!important}}#filter-bar .filter-btn{background:#ffffff05!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08)!important;padding:12px 28px!important;border-radius:50px;color:#94a3b8!important;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);font-size:1.05rem;font-weight:500;letter-spacing:.5px}#filter-bar .filter-btn:hover{background:#ffffff14!important;transform:translateY(-2px);color:#fff!important;border-color:#fff3!important}#filter-bar .filter-btn.active{background:#38bdf826!important;color:#38bdf8!important;border-color:#38bdf880!important;box-shadow:0 0 20px #38bdf84d,inset 0 0 10px #38bdf81a!important;font-weight:700;transform:scale(1.05)}@keyframes pulse-green{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 8px #10b98100}to{box-shadow:0 0 #10b98100}}.track-card .salary-pill{position:absolute;top:1rem;left:1rem;background:#10b98126;color:#34d399;padding:6px 14px;border-radius:50px;font-size:.8rem;font-weight:700;border:1px solid rgba(16,185,129,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;animation:pulse-green 2s infinite}.tracks-grid{display:grid;gap:2.5rem;grid-template-columns:1fr;grid-auto-flow:dense;position:relative;z-index:10}@media(min-width:640px){.tracks-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.tracks-grid{grid-template-columns:repeat(4,1fr)}.track-card.size-big{grid-column:span 2;grid-row:span 2}.track-card.size-wide{grid-column:span 2;grid-row:span 1}.track-card.size-tall{grid-column:span 1;grid-row:span 2}.track-card.size-normal{grid-column:span 1;grid-row:span 1}}.track-card{background:#1e293b80;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.07);border-radius:24px;overflow:visible;position:relative;transition:all .4s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;justify-content:space-between;transform-style:preserve-3d}.track-card:after{content:"";position:absolute;top:100%;left:5%;width:90%;height:20px;background:radial-gradient(ellipse at center,#000000b3,#0000 70%);filter:blur(8px);opacity:.5;transform:translateY(15px);transition:all .4s cubic-bezier(.2,.8,.2,1);z-index:-1;pointer-events:none}.track-card:hover{transform:translateY(-15px);background:#1e293bd9;border-color:#38bdf8;box-shadow:0 0 0 1px #38bdf84d;z-index:20}.track-card:hover:after{opacity:.3;transform:translateY(35px) scale(.85);filter:blur(12px)}.track-content{padding:1.5rem;height:100%;display:flex;flex-direction:column;position:relative;z-index:2;border-radius:24px;overflow:hidden}.track-icon{font-size:2.5rem;margin-bottom:1rem;display:inline-block;background:#ffffff08;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:16px}.track-title{font-size:1.3rem;font-weight:700;color:#fff;margin-bottom:.5rem;line-height:1.2}.track-desc{font-size:.95rem;color:#e2e8f0;line-height:1.6;margin-bottom:1.5rem;flex-grow:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,.6);font-weight:400}.card-link{margin-top:auto;color:#38bdf8;font-weight:600;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.track-card.size-big .track-content{padding:3rem;text-align:center;align-items:center}.track-card.size-big .track-icon{width:100px;height:100px;font-size:4rem;border-radius:24px;margin-bottom:2rem;background:#38bdf81a}.track-card.size-big .track-title{font-size:2.5rem;margin-bottom:1rem}.track-card.size-big .track-desc{font-size:1.2rem;-webkit-line-clamp:5;margin-bottom:3rem}.track-card.size-wide .track-content{flex-direction:row;align-items:center;text-align:right;padding:2rem;gap:2rem}.track-card.size-wide .track-icon{font-size:3.5rem;width:80px;height:80px;margin-bottom:0;flex-shrink:0}.track-card.size-wide .track-desc{-webkit-line-clamp:2;line-clamp:2;margin-bottom:.5rem}.track-card.size-wide .text-wrap{display:flex;flex-direction:column;flex-grow:1}.track-card.size-wide .card-link{margin-top:1rem}.track-card.size-tall{background:#1e293b99}.track-card.size-tall .track-icon{margin-top:1rem}.track-card.size-tall .track-desc{-webkit-line-clamp:8}@media(max-width:768px){.track-card.size-big .track-content,.track-card.size-wide .track-content,.track-card .track-content{flex-direction:column!important;text-align:right!important;align-items:flex-start!important;padding:1.5rem!important;gap:0!important}.track-card .track-icon,.track-card.size-big .track-icon,.track-card.size-wide .track-icon{width:60px!important;height:60px!important;font-size:2.5rem!important;margin-bottom:1rem!important;background:#ffffff08!important}.track-card .track-title,.track-card.size-big .track-title{font-size:1.3rem!important;margin-bottom:.5rem!important}.track-card .track-desc,.track-card.size-big .track-desc,.track-card.size-wide .track-desc,.track-card.size-tall .track-desc{-webkit-line-clamp:3!important;line-clamp:3!important;font-size:.95rem!important;margin-bottom:1.5rem!important}.card-link{margin-top:auto!important}}