/* Frelumo membership presentation, dashboard sound feature and Sound Studio styles. */
:root{--f6-bg:#07142a;--f6-soft:#aabfdf;--f6-cyan:#3bdfff;--f6-violet:#aa74ff;}
.f6-member-preview{position:relative;padding:clamp(55px,7vw,108px) 0;background:radial-gradient(ellipse at 10% 35%,#0d2f55 0%,#08162e 45%,#060e20 80%);color:#fff;border-bottom:1px solid #28507766}
.f6-member-heading{max-width:815px;margin-bottom:35px}
.f6-member-heading h2{font-size:clamp(2.1rem,4.1vw,4.3rem);letter-spacing:-.045em;line-height:1.08;margin:14px 0 15px;font-weight:840}
.f6-member-heading h2 em{font-style:normal;background:linear-gradient(90deg,#50dfff,#aa74ff);color:transparent;background-clip:text}
.f6-member-heading p{line-height:1.7;color:#cad8ef;font-size:clamp(.95rem,1.14vw,1.1rem);max-width:735px}
.f6-member-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:20px}
.f6-member-highlight{border:1px solid #377cc0b0;border-radius:25px;min-width:0;padding:clamp(22px,3vw,41px);background:radial-gradient(ellipse at 90% 0%,#2c276b75,transparent 55%),linear-gradient(135deg,#102c4e,#081527 80%);box-shadow:0 24px 80px #0004}
.f6-tag,.f6-benefit span{color:#68e5fa;font-weight:800;letter-spacing:.13em;font-size:.67rem}
.f6-member-highlight h3{font-size:clamp(1.75rem,2.5vw,2.7rem);line-height:1.12;margin:13px 0}
.f6-member-highlight h3 span{color:#a890ff}
.f6-member-highlight>p{color:#c6d8f0;font-size:.98rem;max-width:510px;line-height:1.6}
.f6-preview-player{display:flex;align-items:center;gap:13px;margin-top:24px;border:1px solid #4f7cb3b3;background:#03112aa8;border-radius:20px;padding:14px}
.f6-preview-icon{width:48px;height:48px;flex:none;background:linear-gradient(145deg,#18a2e1,#7b48fc);border-radius:13px;display:grid;place-items:center;color:white;font-size:1.6rem}
.f6-preview-player>div:nth-child(2){display:flex;flex-direction:column;flex:1;min-width:0;gap:2px}
.f6-preview-player strong{font-size:1.07rem}.f6-preview-player small{font-size:.77rem;color:#bbd1ec}
.f6-preview-player button{color:#fff;cursor:pointer;flex:none;width:45px;height:45px;border:1px solid #78d6ff;background:#0e64b3;border-radius:50%;box-shadow:0 0 28px #009fff55;font-size:1.1rem}
.f6-sound-tags{display:flex;gap:8px;flex-wrap:wrap;margin:19px 0 22px}
.f6-sound-tags span{background:#0a2344;border:1px solid #356aaf6c;border-radius:99px;padding:7px 11px;color:#d5e9ff;font-size:.75rem}
.f6-member-link{font-weight:750;color:#73e8ff;text-decoration:none}
.f6-member-link:hover{text-decoration:underline}
.f6-benefit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.f6-benefit{border:1px solid #38587e88;border-radius:20px;background:linear-gradient(145deg,#132849,#091629);padding:clamp(17px,2vw,28px)}
.f6-benefit strong{font-size:clamp(1rem,1.35vw,1.32rem);display:block;margin:14px 0 10px;line-height:1.3}
.f6-benefit p{font-size:.83rem;line-height:1.6;color:#afc1de;margin:0}
.f6-benefits-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;margin-top:24px;color:#abc5ea;font-size:.81rem}
.f6-benefits-bottom>a{color:#57dcff;font-weight:800;text-decoration:none}
.f6-dashboard-sounds{display:grid;grid-template-columns:1.4fr .8fr;background:linear-gradient(115deg,#102a4d,#12234e 53%,#2c2363);border:1px solid #5780c6;border-radius:24px;overflow:hidden;margin:30px 0 50px;min-height:225px;color:#fff}
.f6-dashboard-sounds>div:first-child{padding:clamp(22px,3vw,35px)}
.f6-dashboard-sounds h2{font-size:clamp(1.5rem,2.1vw,2.6rem);margin:10px 0}
.f6-dashboard-sounds p{color:#c2d5ef;font-size:.9rem;max-width:580px;line-height:1.65;margin-bottom:20px}
.f6-dashboard-cover{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;background:radial-gradient(circle at 50% 48%,#2eb3ffbb 0%,#393df779 18%,#151c4700 55%);text-align:center;color:#d9e5ff}
.f6-dashboard-cover span{font-size:5rem;line-height:1;text-shadow:0 0 48px #5acaff}.f6-dashboard-cover strong{font-size:.64rem;letter-spacing:.16em;line-height:1.8}
/* Actual paid sound studio */
.f6-sound-page{background:#050e20;min-height:70vh;color:#fff;padding:65px 0 100px}
.f6-sound-head{max-width:850px;margin:0 auto 35px;text-align:center}.f6-eyebrow{color:#63dffa;letter-spacing:.13em;font-size:.71rem;font-weight:850}.f6-sound-head h1{font-size:clamp(2.3rem,5vw,4.9rem);line-height:1.1;margin:14px 0}.f6-sound-head h1 span{background:linear-gradient(90deg,#35deff,#b66aff);color:transparent;background-clip:text}.f6-sound-head p{font-size:clamp(.94rem,1.25vw,1.1rem);line-height:1.7;color:#a8bdd8}
.f6-player-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(285px,.8fr);gap:24px;align-items:start}
.f6-studio-card{background:#0d1d39;border:1px solid #305c9f;border-radius:25px;padding:clamp(18px,3vw,30px);box-shadow:0 25px 70px #0005}
.f6-studio-card h2{font-size:1.5rem;margin:0 0 8px}.f6-studio-sub{color:#a7bbd7;font-size:.87rem;margin:0 0 21px}
.f6-tracks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.f6-track{display:flex;align-items:center;gap:11px;border:1px solid #3a5787;background:#0a1931;color:#fff;text-align:left;border-radius:15px;padding:13px;cursor:pointer;min-width:0;transition:border-color .16s,transform .16s,background .16s}
.f6-track:hover,.f6-track:focus-visible{border-color:#79bdfb;background:#102747}.f6-track.active{border-color:#32dbff;background:#14365c;box-shadow:0 0 0 1px #3fdfff48 inset}
.f6-track-emoji{width:43px;height:43px;display:grid;place-items:center;background:#174171;border-radius:11px;flex:none;font-size:1.35rem}
.f6-track-text{min-width:0}.f6-track-text strong{display:block;font-size:.92rem}.f6-track-text small{display:block;color:#93abc9;font-size:.72rem;margin-top:3px}
.f6-switch{margin-left:auto;color:#99dffd;flex:none;font-size:.8rem}
.f6-control-panel{position:sticky;top:95px}
.f6-now-playing{border-radius:20px;padding:22px;background:radial-gradient(circle at 72% 25%,#382d7b,#101f40 65%,#09162b);border:1px solid #435ea1;margin-bottom:18px;text-align:center}
.f6-now-ring{margin:0 auto 18px;width:125px;height:125px;border-radius:50%;border:3px solid #4de2ff;display:grid;place-items:center;background:radial-gradient(circle,#284f9d 0%,#12264a 70%);box-shadow:0 0 60px #2c8dff61,inset 0 0 30px #2827a1}
.f6-now-ring span{font-size:2.5rem}.f6-now-playing h2{margin:8px 0;font-size:1.25rem}.f6-now-playing p{font-size:.8rem;color:#b5c6e5}
.f6-player-btn{border:0;border-radius:12px;cursor:pointer;color:#fff;padding:13px 16px;font-weight:800;background:linear-gradient(90deg,#00bdea,#6b5cff)}.f6-player-btn[disabled]{opacity:.45;cursor:not-allowed}
.f6-player-stop{background:#1c335b;border:1px solid #537bac}.f6-player-buttons{display:flex;gap:10px;justify-content:center;margin-top:16px}
.f6-mixer-row{margin:16px 0}.f6-mixer-row label{display:flex;justify-content:space-between;font-weight:750;color:#c9dcfa;font-size:.79rem;margin-bottom:10px}.f6-mixer-row input{width:100%;accent-color:#4ddcff}
.f6-timer-picks{display:flex;gap:8px;flex-wrap:wrap}.f6-timer-picks button{background:#13294d;color:#d8e9ff;border:1px solid #4f6d9e;border-radius:12px;padding:9px 13px;cursor:pointer;font-weight:750}
.f6-timer-picks button[aria-pressed=true]{border-color:#46dcff;background:#1765a7}
.f6-timer-status{font-size:.87rem;color:#b9d2f0;margin-top:14px}.f6-sound-note{color:#94aac9;line-height:1.65;font-size:.82rem;margin-top:20px}
@media(max-width:850px){.f6-member-grid,.f6-player-layout{grid-template-columns:1fr}.f6-control-panel{position:static}.f6-member-preview{padding:60px 0}.f6-sound-page{padding-top:38px}.f6-dashboard-sounds{grid-template-columns:1fr}.f6-dashboard-cover{min-height:110px}}
@media(max-width:500px){.f6-benefit-grid{gap:9px}.f6-benefit{padding:15px;border-radius:15px}.f6-benefit span{font-size:.57rem}.f6-benefit strong{font-size:.96rem}.f6-benefit p{font-size:.73rem}.f6-member-highlight{border-radius:18px}.f6-sound-tags span{font-size:.69rem}.f6-tracks{grid-template-columns:1fr}.f6-studio-card{padding:18px}.f6-member-preview .shell{width:calc(100% - 32px)!important}.f6-dashboard-sounds{margin:20px 0 32px}}
@media(prefers-reduced-motion:reduce){.f6-track{transition:none}}
