.dl-tabs{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap;margin-bottom:2.5rem}
.dl-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:.5rem;font-weight:500;font-size:.875rem;transition:all .3s;border:none}
.dl-tab.active{background:var(--gold);color:var(--green)}
.dl-tab:not(.active){background:rgba(255,255,255,.05);color:rgba(255,255,255,.7)}
.dl-tab:not(.active):hover{background:rgba(201,166,70,.1);color:var(--gold)}
.dl-grid{display:grid;grid-template-columns:1fr;gap:1rem}
@media(min-width:768px){.dl-grid{grid-template-columns:repeat(2,1fr)}}
.dl-card{padding:1.25rem}
.dl-card-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}
.dl-card-header h3{font-size:1rem;font-weight:600;margin-bottom:.25rem}
.dl-card-header p{color:rgba(255,255,255,.6);font-size:.875rem}
.dl-card-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}
.dl-size{display:flex;align-items:center;gap:.35rem;font-size:.8rem;color:rgba(255,255,255,.5)}
.dl-size svg{width:.875rem;height:.875rem}
.dl-format{padding:.2rem .6rem;border-radius:.25rem;background:rgba(201,166,70,.15);color:var(--gold);font-size:.7rem;font-weight:600;letter-spacing:.05em}
.dl-btns{display:flex;gap:.5rem}
.dl-main-btn{flex:1;padding:.625rem;border-radius:.5rem;font-weight:500;font-size:.875rem;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s;border:none;background:var(--gold);color:var(--green)}
.dl-main-btn:hover{background:var(--gold-light)}
.dl-main-btn svg{width:1rem;height:1rem}
.dl-ext-btn{padding:.625rem .75rem;border-radius:.5rem;background:rgba(255,255,255,.05);color:rgba(255,255,255,.6);transition:all .3s;border:none;display:flex;align-items:center}
.dl-ext-btn:hover{color:var(--gold)}
.dl-ext-btn svg{width:1rem;height:1rem}
.audio-list{max-width:48rem;margin:0 auto;display:flex;flex-direction:column;gap:.75rem}
.audio-item{display:flex;align-items:center;gap:1rem;padding:1rem}
.audio-item h3{font-size:.875rem;font-weight:500}
.audio-item .sub{color:rgba(255,255,255,.5);font-size:.75rem}
.audio-item a{padding:.5rem 1rem;border-radius:.5rem;background:var(--gold);color:var(--green);font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.25rem;transition:all .3s;flex-shrink:0}
.audio-item a:hover{background:var(--gold-light)}
.audio-item a svg{width:1rem;height:1rem}
.apps-list{max-width:48rem;margin:0 auto;display:flex;flex-direction:column;gap:1rem}
.app-item{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;padding:1.25rem}
.app-item h3{font-size:1.125rem;font-weight:600;margin-bottom:.25rem}
.app-item p{color:rgba(255,255,255,.6);font-size:.875rem}
.app-btns{display:flex;gap:.5rem}
.app-btn{padding:.5rem 1rem;border-radius:.5rem;font-size:.75rem;text-align:center;transition:all .3s;border:none}
.app-btn.android{background:var(--gold);color:var(--green)}
.app-btn.ios{background:rgba(255,255,255,.1);color:#fff}
.features-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:2.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.1)}
@media(min-width:768px){.features-row{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1024px){.features-row{grid-template-columns:repeat(6,1fr)}}
.feat-item{display:flex;align-items:center;gap:.75rem}
.feat-item svg{width:1.25rem;height:1.25rem;color:#34d399;flex-shrink:0}
.feat-item span{color:rgba(255,255,255,.8);font-size:.875rem}
.dl-main-btn:disabled{opacity:.7;cursor:not-allowed}
.dl-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid var(--green);border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite;vertical-align:middle}