*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#111;background:#fff}.wrap{width:min(1200px,calc(100% - 34px));margin:auto}:root{--accent:#e50914}.top-header{background:#fff;padding:28px 0 22px}.top-grid{display:grid;grid-template-columns:1.25fr .7fr .9fr 1fr;gap:32px;align-items:center}.brand{text-decoration:none;color:#666;font-size:28px;font-weight:800;display:flex;align-items:center}.brand span:last-child{color:#9aa06e}.check{font-size:39px;color:#36a66f;margin-right:3px}.top-dj{display:flex;justify-content:center;align-items:center;gap:10px;text-align:center}.top-dj b,.top-dj small,.announcement-box b,.announcement-box small{display:block}.round-note{width:60px;height:60px;border:2px solid #111;border-radius:50%;display:grid;place-items:center;font-size:35px}.announcement-box b{font-size:17px;margin-bottom:10px}.announcement-box small{font-size:10px}.head-player{background:#ddd;padding:8px 12px;border-radius:7px;box-shadow:0 6px 20px #0002}.head-player audio{width:100%;height:38px}.head-player small{font-size:11px}.ticker{height:43px;background:#efefef;display:flex;align-items:center}.ticker-track{display:flex;gap:22px;white-space:nowrap;overflow:hidden;font-size:14px}.ticker b{color:#ff2020}.main-nav{background:#030303}.nav-links{min-height:78px;display:flex;align-items:center;gap:42px;overflow:auto}.nav-links a{color:#fff;text-decoration:none;font-weight:700;font-size:15px;white-space:nowrap}.hero{position:relative;min-height:500px;color:#fff;background:linear-gradient(120deg,#421010,#14233e);background-size:cover;background-position:center}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(74,0,0,.75),rgba(0,13,36,.82))}.hero-inner{position:relative;z-index:1;text-align:center;padding:40px 0 10px}.hero h1{font-size:30px;margin:0 0 64px}.request-row{max-width:990px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:8px}.request-panel{background:#020202;border-radius:34px;min-height:195px;padding:20px;display:grid;grid-template-columns:1fr 120px 1fr;align-items:center;gap:10px}.request-action h3{font-size:18px;line-height:1.15;margin:0 0 23px}.white-btn{background:#fff;border:0;border-radius:28px;padding:12px 20px;min-width:138px;font-weight:700;cursor:pointer}.profile{display:flex;flex-direction:column;align-items:center;gap:7px}.profile-icon{position:relative;width:88px;height:88px;border-radius:50%;background:#d7dbe0;display:grid;place-items:center;font-size:45px}.profile-icon i{position:absolute;background:red;width:25px;height:25px;border-radius:50%;font-size:13px;display:grid;place-items:center;font-style:normal}.profile strong{font-size:18px}.dots{font-size:11px;color:#aaa;letter-spacing:7px}.inspect{display:inline-block;margin-top:92px;background:#ff1414;color:#fff;text-decoration:none;padding:14px 28px;border-radius:30px;font-weight:700}.bottom-player{background:linear-gradient(90deg,#8d0208,#e00015,#860006);color:#fff}.player-grid{min-height:115px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}.now{display:flex;align-items:center;gap:16px}.radio-logo{width:62px;height:62px;border:2px solid #7c42ff;border-radius:50%;display:grid;place-items:center;font-size:32px}.now b,.now span{display:block;font-weight:700}.now span{margin-top:4px}.player-buttons{display:flex;justify-content:center;gap:12px;align-items:center}.player-buttons button{width:43px;height:43px;border:0;border-radius:50%;font-size:18px;cursor:pointer}.player-buttons .big{width:62px;height:62px;font-size:26px}.volume{display:flex;justify-content:flex-end;align-items:center;gap:10px}.volume input{width:150px}.content-section{padding:75px 0;text-align:center}.content-section.alt{background:#f6f7f8}.eyebrow{font-size:12px;color:var(--accent);font-weight:800;letter-spacing:2px}.content-section h2{font-size:34px;margin:10px 0 28px}.dj-list{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.dj-list article{border:1px solid #eee;border-radius:18px;padding:28px 18px;box-shadow:0 10px 30px #0000000c}.dj-list .avatar{width:70px;height:70px;border-radius:50%;background:#f1f1f1;margin:auto;display:grid;place-items:center;font-size:30px}.modal{position:fixed;inset:0;background:#000b;z-index:100;display:none;align-items:center;justify-content:center;padding:20px}.modal.show{display:flex}.modal-card{width:min(520px,100%);background:#fff;border-radius:18px;padding:28px;position:relative}.x{position:absolute;right:15px;top:9px;background:none;border:0;font-size:31px;cursor:pointer}.modal-card input,.modal-card textarea,.full-input{width:100%;padding:13px 14px;margin:0 0 12px;border:1px solid #ddd;border-radius:10px;font:inherit}.red-btn,.dark-btn{border:0;border-radius:10px;padding:12px 17px;font-weight:700;cursor:pointer;color:#fff}.red-btn{background:var(--accent)}.dark-btn{background:#222}.camera-card video{width:100%;min-height:250px;max-height:380px;background:#111;border-radius:12px}.record-actions{display:flex;gap:10px;margin-top:12px}.small-note{font-size:12px;color:#777}.toast{position:fixed;right:20px;bottom:20px;background:#111;color:#fff;padding:13px 18px;border-radius:10px;opacity:0;transform:translateY(80px);transition:.25s;z-index:200}.toast.show{opacity:1;transform:none}@media(max-width:980px){.top-grid{grid-template-columns:1fr 1fr}.request-row{grid-template-columns:1fr}.player-grid{grid-template-columns:1fr;gap:18px;padding:20px 0}.now,.volume{justify-content:center}.dj-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.top-grid{grid-template-columns:1fr;text-align:center}.brand,.top-dj{justify-content:center}.ticker{display:none}.nav-links{min-height:62px;gap:27px}.hero h1{font-size:24px;margin-bottom:35px}.request-panel{grid-template-columns:1fr;border-radius:24px}.inspect{margin-top:38px}.dj-list{grid-template-columns:1fr}}
.section{padding:86px 0}.section.soft{background:#f5f6f8}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:34px}.section-head h2{font-size:38px;margin:8px 0 0;letter-spacing:-1px}.section-head>p{max-width:500px;color:#6d7280;line-height:1.7;margin:0}.section-head.light h2,.section-head.light>p{color:#fff}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.news-card{background:#fff;border:1px solid #eceef2;border-radius:20px;overflow:hidden;box-shadow:0 12px 38px #0000000c;transition:.25s}.news-card:hover{transform:translateY(-5px);box-shadow:0 18px 48px #00000018}.news-image{height:210px;background:linear-gradient(135deg,#151824,#99202a);background-size:cover;background-position:center;position:relative}.news-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0007,transparent)}.news-image span{position:absolute;z-index:1;left:18px;bottom:16px;background:var(--accent);color:#fff;padding:7px 10px;border-radius:7px;font-size:11px;font-weight:800}.news-body{padding:21px}.news-body small{color:#999}.news-body h3{font-size:21px;margin:9px 0}.news-body p{color:#6d7280;line-height:1.55;min-height:48px}.news-body a{color:var(--accent);font-weight:800}.dark-section{background:#0c0e14;color:#fff}.top-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:40px;align-items:stretch}.top-visual{min-height:520px;border-radius:26px;background:radial-gradient(circle at 50% 35%,#d92735,#65060c 52%,#170103 100%);display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;position:relative}.top-visual:before{content:"";position:absolute;width:360px;height:360px;border:1px solid #ffffff18;border-radius:50%}.top-visual .disc{width:230px;height:230px;border:35px solid #080808;border-radius:50%;background:#292929;display:grid;place-items:center;font-size:64px;box-shadow:0 25px 60px #0008;z-index:1}.top-visual span{font-size:30px;font-weight:900;text-align:center;margin-top:25px;z-index:1}.chart-list{background:#151821;border-radius:26px;padding:12px 22px}.chart-item{display:grid;grid-template-columns:52px 58px 1fr 44px;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid #ffffff12}.chart-item:last-child{border:0}.rank{font-size:24px;color:#697080}.cover{width:52px;height:52px;border-radius:11px;background:#282d39;display:grid;place-items:center;font-size:23px;overflow:hidden}.cover img{width:100%;height:100%;object-fit:cover}.song strong,.song span{display:block}.song strong{font-size:15px}.song span{font-size:12px;color:#8d95a7;margin-top:5px}.chart-play{width:40px;height:40px;border:0;border-radius:50%;background:var(--accent);color:#fff;cursor:pointer}.trend{color:#707788;text-align:center}.tv-section{background:#fff}.tv-shell{display:grid;grid-template-columns:1fr 320px;background:#0b0d12;border-radius:28px;overflow:hidden;box-shadow:0 22px 60px #0002}.tv-screen{min-height:520px;background:radial-gradient(circle,#212737,#06070a);display:grid;place-items:center;position:relative}.tv-screen iframe{border:0;width:100%;height:100%;min-height:520px}.tv-screen>div{text-align:center;color:#fff}.tv-play-icon{width:90px;height:90px;border-radius:50%;background:var(--accent);display:grid;place-items:center;margin:auto;font-size:32px;box-shadow:0 0 0 18px #ffffff0d}.tv-screen h3{font-size:25px;margin:28px 0 8px}.tv-screen p{color:#9aa0ad}.tv-sidebar{padding:16px;background:#12151d;display:flex;flex-direction:column;gap:9px;max-height:520px;overflow:auto}.tv-channel{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;background:#1b1f29;border:1px solid #ffffff0b;color:#fff;border-radius:14px;padding:10px;text-align:left;cursor:pointer}.tv-channel:hover{background:#242936}.tv-logo{width:52px;height:52px;background:#fff;color:#111;border-radius:11px;display:grid;place-items:center;font-weight:900;overflow:hidden}.tv-logo img{width:100%;height:100%;object-fit:contain}.tv-channel b{font-size:14px}.tv-channel i{font-size:10px;font-style:normal;color:#ff5963}.live-dot{font-size:10px;color:var(--accent);font-weight:800}.site-footer{background:#090b10;color:#9ca3b4;padding-top:65px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.1fr;gap:45px;padding-bottom:55px}.footer-logo{color:#fff!important;margin-bottom:18px}.footer-brand p{max-width:360px;line-height:1.7}.site-footer h4{color:#fff;font-size:16px;margin:0 0 20px}.site-footer> .wrap a,.footer-grid>div:not(.footer-brand) a{display:block;color:#9ca3b4;margin:11px 0}.socials{display:flex;gap:9px;margin-top:20px}.socials a{width:38px;height:38px!important;border-radius:50%;background:#191d26;display:grid!important;place-items:center;color:#fff!important;margin:0!important}.footer-bottom{border-top:1px solid #ffffff12;padding:20px 0}.footer-bottom .wrap{display:flex;justify-content:space-between;gap:20px}.footer-bottom a{color:#fff}.article-page{padding:70px 0}.article-wrap{max-width:900px}.article-wrap h1{font-size:46px;line-height:1.1}.article-image{width:100%;max-height:470px;object-fit:cover;border-radius:24px;margin-bottom:30px}.lead{font-size:20px;color:#606775;line-height:1.7}.article-content{font-size:17px;line-height:1.8;margin:25px 0}.back-link{font-weight:800;color:var(--accent)}
@media(max-width:980px){.news-grid{grid-template-columns:1fr 1fr}.top-layout{grid-template-columns:1fr}.tv-shell{grid-template-columns:1fr}.tv-sidebar{max-height:none;display:grid;grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.section{padding:60px 0}.section-head{display:block}.section-head h2{font-size:31px}.section-head>p{margin-top:12px}.news-grid{grid-template-columns:1fr}.tv-sidebar{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-bottom .wrap{display:block;text-align:center}.footer-bottom a{display:block;margin-top:10px}.article-wrap h1{font-size:34px}}
.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.video-card{background:#fff;color:#111;text-decoration:none;border-radius:20px;overflow:hidden;box-shadow:0 12px 34px #0001;transition:.25s}.video-card:hover{transform:translateY(-5px)}.video-thumb{height:210px;background:linear-gradient(135deg,#191d29,#7d1019);background-size:cover;background-position:center;display:grid;place-items:center}.video-play{width:64px;height:64px;background:var(--accent);color:#fff;border-radius:50%;display:grid;place-items:center;font-size:23px;box-shadow:0 0 0 13px #ffffff1a}.video-info{padding:20px}.video-info h3,.video-info h2{margin:0 0 8px}.video-info p{color:#747b89;line-height:1.6;margin:0}.page-hero{padding:70px 0;background:linear-gradient(125deg,#10131c,#2a0b10);color:#fff}.page-hero h1{font-size:48px;margin:8px 0 12px}.page-hero p{color:#bbc0ca;font-size:18px}.video-page-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.video-full-card{background:#fff;border:1px solid #eee;border-radius:22px;overflow:hidden;box-shadow:0 10px 35px #0000000d}.video-embed{height:330px;background:#07080b}.video-embed iframe,.video-embed video{width:100%;height:100%;border:0;object-fit:cover}.video-empty{height:100%;display:grid;place-items:center;align-content:center;color:#fff;text-align:center}.video-empty span{font-size:48px}.form-page-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:start}.page-text{color:#697080;line-height:1.8;font-size:17px}.form-card{background:#fff;border-radius:22px;padding:30px;box-shadow:0 15px 50px #0001;border:1px solid #eef0f3}.form-card input,.form-card textarea{width:100%;padding:14px 15px;border:1px solid #dde1e7;border-radius:11px;margin-bottom:13px;font:inherit}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-success,.form-error{padding:13px;border-radius:10px;margin-bottom:15px}.form-success{background:#ddf8e7;color:#126a37}.form-error{background:#ffe0e0;color:#961717}.feature-mini,.contact-box{display:flex;flex-direction:column;gap:6px;background:#f6f7f9;border-radius:14px;padding:18px;margin-top:12px}.feature-mini span,.contact-box span{color:#737a88}.simple-footer{background:#0b0d12;color:#aaa;padding:25px 0}.simple-footer a{color:#fff}
@media(max-width:980px){.video-grid{grid-template-columns:1fr 1fr}.video-page-grid,.form-page-grid{grid-template-columns:1fr}}
@media(max-width:650px){.video-grid,.video-page-grid{grid-template-columns:1fr}.form-two{grid-template-columns:1fr}.page-hero h1{font-size:36px}}
/* ===== MODERN HEADER + HERO + REQUEST + PLAYER V4 ===== */
.modern-top{background:#fff;padding:22px 0;border-top:1px solid #eef0f4}
.modern-top-grid{display:grid;grid-template-columns:1.15fr .8fr 1.05fr 1.05fr;gap:24px;align-items:center}
.modern-brand{font-size:25px}.modern-brand .check{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#19ad76,#65c35c);color:#fff;display:grid;place-items:center;font-size:24px;margin-right:9px;box-shadow:0 8px 22px #25a66f2b}
.broadcast-owner{display:flex;align-items:center;gap:11px}.owner-avatar{width:52px;height:52px;border:1px solid #e4e6eb;border-radius:50%;display:grid;place-items:center;font-size:25px;background:#fafbfc;overflow:hidden}.owner-avatar img{width:100%;height:100%;object-fit:cover}.broadcast-owner small,.broadcast-owner strong{display:block}.broadcast-owner small{font-size:9px;letter-spacing:1.2px;color:#969dac;font-weight:800}.broadcast-owner strong{font-size:14px;margin-top:4px}
.modern-announcement{border-left:1px solid #edf0f4;padding-left:22px;display:flex;gap:10px;align-items:flex-start}.modern-announcement small,.modern-announcement strong{display:block}.modern-announcement small{font-size:10px;color:#9098a7;font-weight:800;letter-spacing:1px}.modern-announcement strong{font-size:12px;line-height:1.45;margin-top:4px}.pulse{width:8px;height:8px;background:#ff2636;border-radius:50%;display:inline-block;box-shadow:0 0 0 5px #ff263619;animation:pulseGlow 1.5s infinite}
@keyframes pulseGlow{50%{box-shadow:0 0 0 9px transparent}}
.modern-head-player{background:#11141c;color:#fff;border-radius:18px;padding:12px 15px;box-shadow:0 12px 35px #0c102025}.head-live{font-size:9px;letter-spacing:1px;font-weight:900;color:#aeb5c2}.head-live .pulse{width:6px;height:6px;margin-right:5px}.head-player-row{display:flex;align-items:center;gap:12px;margin:8px 0}.head-play,.head-volume{border:0;background:#252a35;color:#fff;width:34px;height:34px;border-radius:50%;cursor:pointer}.head-wave{display:flex;gap:3px;align-items:center;flex:1;height:24px}.head-wave i{width:3px;border-radius:6px;background:linear-gradient(#ff5966,var(--accent));height:9px;animation:wave 1.1s infinite ease-in-out}.head-wave i:nth-child(2){height:17px;animation-delay:.12s}.head-wave i:nth-child(3){height:12px;animation-delay:.2s}.head-wave i:nth-child(4){height:22px;animation-delay:.32s}.head-wave i:nth-child(5){height:14px;animation-delay:.15s}.head-wave i:nth-child(6){height:20px;animation-delay:.27s}.head-wave i:nth-child(7){height:10px;animation-delay:.4s}@keyframes wave{50%{transform:scaleY(.45)}}.modern-head-player>small{font-size:10px;color:#aeb5c2}
.modern-ticker{height:38px;background:#f5f6f8;border-top:1px solid #edf0f2;border-bottom:1px solid #edf0f2}.modern-ticker .ticker-track{font-size:12px}.modern-ticker i{font-style:normal;color:#9299a6}.modern-nav{background:#080a0e;position:relative;z-index:5}.modern-nav .nav-links{min-height:70px;justify-content:flex-start}.modern-nav .nav-links a{font-size:13px;letter-spacing:.2px;position:relative}.modern-nav .nav-links a:after{content:"";position:absolute;left:0;right:100%;height:2px;background:var(--accent);bottom:-25px;transition:.2s}.modern-nav .nav-links a:hover:after{right:0}
.modern-hero{min-height:590px;background:linear-gradient(120deg,#311016,#111729);background-size:cover;background-position:center;overflow:hidden}.modern-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,9,14,.92) 0%,rgba(14,12,20,.78) 48%,rgba(8,9,17,.88) 100%);backdrop-filter:saturate(110%)}.hero-orb{position:absolute;border-radius:50%;filter:blur(10px);opacity:.25}.orb-one{width:360px;height:360px;background:#e20d24;left:-150px;top:80px}.orb-two{width:320px;height:320px;background:#5532ff;right:9%;bottom:-190px}.modern-hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:.88fr 1.12fr;gap:54px;align-items:center;min-height:590px;padding:56px 0}.hero-copy{text-align:left}.hero-kicker{display:inline-flex;align-items:center;gap:10px;font-size:11px;letter-spacing:2.4px;font-weight:900;color:#ff8b94;background:#ffffff0d;border:1px solid #ffffff14;border-radius:50px;padding:9px 14px}.hero-copy h1{font-size:52px;line-height:1.02;letter-spacing:-2px;margin:22px 0 18px;max-width:600px}.hero-copy p{font-size:17px;color:#b8beca;line-height:1.7;max-width:540px;margin:0}.hero-actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.hero-listen{display:flex;align-items:center;gap:10px;background:var(--accent);color:#fff;border:0;border-radius:14px;padding:14px 19px;font-weight:800;cursor:pointer;box-shadow:0 12px 30px color-mix(in srgb,var(--accent) 35%,transparent)}.hero-listen span{width:27px;height:27px;background:#fff;color:var(--accent);border-radius:50%;display:grid;place-items:center;font-size:11px}.hero-secondary{background:#ffffff0d;border:1px solid #ffffff17;color:#fff;text-decoration:none;border-radius:14px;padding:15px 18px;font-weight:700}.hero-stats{display:flex;gap:31px;margin-top:36px}.hero-stats div{display:flex;flex-direction:column}.hero-stats strong{font-size:20px}.hero-stats span{font-size:10px;color:#8d95a5;margin-top:4px;letter-spacing:.5px}
.hero-requests{background:rgba(9,11,16,.72);border:1px solid #ffffff12;border-radius:27px;padding:22px;box-shadow:0 25px 70px #0007;backdrop-filter:blur(16px)}.request-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}.request-heading h2{font-size:25px;margin:7px 0 0}.mini-label{font-size:9px;color:#ff818a;font-weight:900;letter-spacing:1.5px}.online-dot{font-size:9px;color:#58d896;font-weight:900}.modern-request-card{background:linear-gradient(130deg,#151821,#0f1117);border:1px solid #ffffff0d;border-radius:20px;padding:17px;margin-top:12px}.request-dj{display:flex;align-items:center;gap:13px}.modern-avatar{width:58px;height:58px;border-radius:16px;background:#222733;display:grid;place-items:center;font-size:28px;position:relative;overflow:hidden}.modern-avatar img{width:100%;height:100%;object-fit:cover}.modern-avatar>span{position:absolute;right:4px;bottom:3px;font-size:12px;color:#4bdd8e}.request-dj small,.request-dj strong,.request-dj em{display:block}.request-dj small{font-size:8px;letter-spacing:1.1px;color:#7f8798;font-weight:800}.request-dj strong{font-size:16px;margin-top:3px}.request-dj em{font-size:10px;color:#a0a8b7;font-style:normal;margin-top:3px}.request-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.request-buttons button{border:1px solid #ffffff10;border-radius:14px;padding:12px;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer;transition:.2s}.request-buttons button:hover{transform:translateY(-2px);border-color:#ffffff26}.request-buttons button>span{width:37px;height:37px;border-radius:11px;display:grid;place-items:center;font-size:17px}.request-buttons b,.request-buttons small{display:block}.request-buttons b{font-size:12px}.request-buttons small{font-size:9px;margin-top:3px;opacity:.66}.voice-btn,.camera-btn{background:linear-gradient(135deg,#f8f9fb,#e9edf2);color:#111}.voice-btn>span,.camera-btn>span{background:#fff}.message-btn{background:#1b1f28;color:#fff}.message-btn>span{background:#282e3a}
.modern-playerbar{background:#0c0f15;color:#fff;border-top:1px solid #ffffff0d;box-shadow:0 -10px 40px #0002}.modern-player-grid{min-height:104px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}.now-modern{display:flex;align-items:center;gap:13px}.album-live{width:56px;height:56px;border-radius:17px;background:linear-gradient(135deg,var(--accent),#731222);display:grid;place-items:center;font-size:25px;position:relative;box-shadow:0 10px 26px #e5091433}.album-live span{position:absolute;width:9px;height:9px;border-radius:50%;background:#56dc91;right:-2px;bottom:5px;border:2px solid #0c0f15}.now-modern small,.now-modern strong,.now-modern em{display:block}.now-modern small{font-size:8px;color:#777f8d;letter-spacing:1.4px;font-weight:900}.now-modern strong{font-size:14px;margin:4px 0}.now-modern em{font-style:normal;font-size:10px;color:#9da4b1}.center-controls{display:flex;justify-content:center;align-items:center;gap:10px}.center-controls button{width:39px;height:39px;border:1px solid #ffffff12;background:#171b23;color:#fff;border-radius:50%;cursor:pointer}.center-controls .main-round-play{width:58px;height:58px;background:#fff;color:#111;font-size:22px;box-shadow:0 8px 25px #0005}.modern-volume{display:flex;justify-content:flex-end;align-items:center;gap:10px}.modern-volume input{accent-color:var(--accent);width:155px}.modern-volume b{font-size:10px;color:#818897;width:25px}
@media(max-width:1050px){.modern-top-grid{grid-template-columns:1fr 1fr}.modern-hero-inner{grid-template-columns:1fr}.modern-hero{min-height:auto}.modern-hero-inner{padding:60px 0}.hero-copy{text-align:center}.hero-copy h1,.hero-copy p{margin-left:auto;margin-right:auto}.hero-actions,.hero-stats{justify-content:center}.hero-requests{max-width:760px;margin:auto;width:100%}}
@media(max-width:720px){.modern-top-grid{grid-template-columns:1fr}.modern-announcement{border-left:0;padding-left:0}.modern-head-player{max-width:420px;width:100%;margin:auto}.modern-nav .nav-links{min-height:60px}.hero-copy h1{font-size:38px}.hero-stats{gap:18px}.request-buttons{grid-template-columns:1fr}.modern-player-grid{grid-template-columns:1fr;gap:15px;padding:18px 0}.now-modern,.modern-volume{justify-content:center}.modern-volume{margin-top:2px}.modern-ticker{display:none}}
/* ===== V5 HOMEPAGE + MARQUEE ===== */
.modern-ticker{height:42px;padding:0;background:#f4f5f7}
.ticker-shell{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:18px;height:100%}
.ticker-label{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:900;letter-spacing:1.2px;color:#232733;white-space:nowrap;padding-right:18px;border-right:1px solid #dfe3e8}
.ticker-label .pulse{width:7px;height:7px}
.ticker-window{overflow:hidden;position:relative}
.ticker-window:before,.ticker-window:after{content:"";position:absolute;top:0;bottom:0;width:40px;z-index:2;pointer-events:none}
.ticker-window:before{left:0;background:linear-gradient(90deg,#f4f5f7,transparent)}
.ticker-window:after{right:0;background:linear-gradient(-90deg,#f4f5f7,transparent)}
.ticker-marquee{display:flex;align-items:center;gap:38px;width:max-content;animation:tickerScroll 32s linear infinite}
.ticker-marquee:hover{animation-play-state:paused}
.ticker-marquee span{font-size:12px;color:#333844;white-space:nowrap}
.ticker-marquee span i{font-style:normal;color:#8f97a5}
.ticker-marquee span b{color:var(--accent)}
@keyframes tickerScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.home-intro{background:#fff;padding:34px 0 18px}
.home-intro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.home-feature-card{display:flex;gap:15px;align-items:flex-start;border:1px solid #eceff3;background:linear-gradient(180deg,#fff,#fbfcfd);border-radius:20px;padding:22px;box-shadow:0 10px 30px #0000000b}
.feature-icon{width:54px;height:54px;border-radius:16px;background:#12151d;color:#fff;display:grid;place-items:center;font-size:24px;flex:0 0 auto}
.feature-kicker{font-size:9px;letter-spacing:1.3px;font-weight:900;color:var(--accent)}
.home-feature-card h3{margin:7px 0 7px;font-size:19px}
.home-feature-card p{margin:0;color:#717887;font-size:13px;line-height:1.6}
.home-highlight{padding:54px 0 76px;background:linear-gradient(180deg,#fff,#f7f8fa)}
.highlight-grid{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}
.highlight-copy h2{font-size:43px;line-height:1.08;letter-spacing:-1.5px;margin:10px 0 18px;max-width:600px}
.highlight-copy p{font-size:16px;color:#687080;line-height:1.8;max-width:590px}
.highlight-actions{display:flex;gap:12px;margin-top:25px;flex-wrap:wrap}
.highlight-primary,.highlight-secondary{display:inline-flex;align-items:center;justify-content:center;border-radius:13px;padding:13px 18px;font-weight:800;text-decoration:none}
.highlight-primary{background:var(--accent);color:#fff}
.highlight-secondary{background:#11141b;color:#fff}
.highlight-visual{display:flex;justify-content:center}
.mini-dashboard{width:min(520px,100%);background:#0f1219;border-radius:28px;padding:17px;box-shadow:0 28px 70px #0003;transform:rotate(1deg)}
.mini-head{display:flex;gap:7px;padding:3px 4px 14px}.mini-head span{width:8px;height:8px;border-radius:50%;background:#373c47}.mini-head span:first-child{background:#ff5967}
.mini-main{background:linear-gradient(140deg,#161a24,#0d0f15);border:1px solid #ffffff10;border-radius:20px;padding:24px}
.mini-now b,.mini-now strong{display:block}.mini-now b{font-size:9px;letter-spacing:1.3px;color:#767e8d}.mini-now strong{font-size:23px;color:#fff;margin-top:7px}
.mini-bars{height:90px;display:flex;align-items:end;gap:7px;margin:22px 0}.mini-bars i{flex:1;background:linear-gradient(var(--accent),#4a1420);border-radius:8px 8px 2px 2px;animation:miniWave 1.6s infinite ease-in-out}.mini-bars i:nth-child(1){height:34%}.mini-bars i:nth-child(2){height:78%;animation-delay:.1s}.mini-bars i:nth-child(3){height:52%;animation-delay:.2s}.mini-bars i:nth-child(4){height:95%;animation-delay:.35s}.mini-bars i:nth-child(5){height:64%;animation-delay:.18s}.mini-bars i:nth-child(6){height:85%;animation-delay:.28s}.mini-bars i:nth-child(7){height:45%;animation-delay:.42s}.mini-bars i:nth-child(8){height:72%;animation-delay:.12s}
@keyframes miniWave{50%{transform:scaleY(.55);opacity:.8}}
.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mini-stats div{background:#ffffff08;border:1px solid #ffffff08;border-radius:13px;padding:12px;text-align:center}.mini-stats b,.mini-stats span{display:block}.mini-stats b{color:#fff;font-size:14px}.mini-stats span{color:#777f8d;font-size:9px;margin-top:4px}
.section{position:relative}
.section:not(.dark-section):not(.soft):not(.tv-section){background:#fff}
.news-card,.video-card,.dj-list article{border-color:#e9edf2}
.tv-shell{box-shadow:0 24px 70px #0000001f}
.site-footer{margin-top:0}
@media(max-width:980px){
.home-intro-grid{grid-template-columns:1fr 1fr}
.highlight-grid{grid-template-columns:1fr}
.highlight-copy{text-align:center}.highlight-copy h2,.highlight-copy p{margin-left:auto;margin-right:auto}.highlight-actions{justify-content:center}
}
@media(max-width:650px){
.ticker-shell{grid-template-columns:1fr}.ticker-label{display:none}
.home-intro-grid{grid-template-columns:1fr}
.highlight-copy h2{font-size:34px}
}
/* ===== V6 MODERN HOMEPAGE SECTIONS + ACTIVE MENUS ===== */
.modern-nav .nav-links a.active{color:#fff}
.modern-nav .nav-links a.active:after{right:0}
.modern-nav .nav-links a.active{background:#ffffff08;border-radius:9px;padding:10px 12px;margin-left:-12px;margin-right:-12px}
.modern-section-title{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:34px}
.modern-section-title h2{font-size:40px;letter-spacing:-1.4px;margin:9px 0 8px}
.modern-section-title p{margin:0;color:#717887;line-height:1.65;max-width:560px}
.section-pill{display:inline-flex;align-items:center;border-radius:999px;background:#fff1f2;color:var(--accent);font-size:9px;letter-spacing:1.5px;font-weight:900;padding:8px 12px}
.dark-pill{background:#ffffff0d;color:#ff9da5;border:1px solid #ffffff12}
.all-link{color:#111;text-decoration:none;font-size:13px;font-weight:800;border-bottom:1px solid #d8dce2;padding-bottom:6px}.all-link span{color:var(--accent)}
.light-title h2,.light-title p,.light-link{color:#fff}.light-link{border-color:#ffffff22}
/* News */
.modern-news-section{background:#fafbfc!important}
.news-modern-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:20px}
.news-modern-card{background:#fff;border:1px solid #e9edf2;border-radius:22px;overflow:hidden;box-shadow:0 14px 40px #0000000a;transition:.25s}
.news-modern-card:hover{transform:translateY(-5px);box-shadow:0 22px 55px #00000016}
.news-modern-image{height:205px;background:linear-gradient(135deg,#1c202b,#83131e);background-size:cover;background-position:center;display:block;position:relative}
.news-large .news-modern-image{height:290px}.news-gradient{position:absolute;inset:0;background:linear-gradient(0deg,#090a0dcc,transparent 65%)}
.news-category,.news-featured{position:absolute;z-index:2;font-size:9px;font-weight:900;letter-spacing:1px;border-radius:8px;padding:7px 10px}
.news-category{left:15px;bottom:15px;background:var(--accent);color:#fff}.news-featured{right:15px;top:15px;background:#fff;color:#111}
.news-modern-body{padding:20px}.news-meta{font-size:10px;color:#9aa1ad;letter-spacing:.5px}.news-meta span{color:var(--accent);margin-right:5px}
.news-modern-body h3{font-size:20px;line-height:1.25;margin:10px 0}.news-large .news-modern-body h3{font-size:27px}.news-modern-body h3 a{color:#13161d;text-decoration:none}
.news-modern-body p{font-size:13px;color:#6f7785;line-height:1.65;margin:0 0 15px}.read-more{font-size:12px;font-weight:800;color:#111;text-decoration:none}.read-more span{color:var(--accent)}
/* Top10 */
.modern-chart-section{background:radial-gradient(circle at 10% 0,#2b1117,#0b0d12 48%,#08090d);color:#fff}
.chart-modern-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:25px}
.chart-feature{min-height:520px;border-radius:26px;overflow:hidden;background:linear-gradient(145deg,#241219,#11151d);border:1px solid #ffffff0d;padding:35px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
.vinyl-wrap{width:260px;height:260px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#cf1828 0 16%,#151515 17% 20%,#080808 21% 100%);box-shadow:0 28px 70px #0008}
.vinyl{width:220px;height:220px;border-radius:50%;border:1px solid #ffffff12;display:grid;place-items:center;background:repeating-radial-gradient(circle,#151515 0 4px,#0b0b0b 5px 8px);animation:vinylSpin 12s linear infinite}
.vinyl-center{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:var(--accent);font-size:26px}@keyframes vinylSpin{to{transform:rotate(360deg)}}
.chart-feature-copy span{display:block;font-size:9px;letter-spacing:2px;color:#ff8d96;margin-top:28px}.chart-feature-copy h3{font-size:34px;line-height:1.05;margin:8px 0}.chart-feature-copy p{color:#8d95a5;font-size:12px}.chart-feature-copy a{display:inline-block;margin-top:10px;color:#fff;text-decoration:none;font-weight:800}
.chart-modern-list{background:#11141b;border:1px solid #ffffff0b;border-radius:26px;padding:12px 24px}
.chart-modern-item{display:grid;grid-template-columns:48px 58px 1fr 45px;gap:13px;align-items:center;padding:14px 0;border-bottom:1px solid #ffffff0b}.chart-modern-item:last-child{border-bottom:0}
.chart-rank{font-size:22px;color:#555e6c}.chart-cover{width:52px;height:52px;border-radius:13px;background:#202530;display:grid;place-items:center;overflow:hidden}.chart-cover img{width:100%;height:100%;object-fit:cover}
.chart-song strong,.chart-song span{display:block}.chart-song strong{font-size:14px}.chart-song span{font-size:10px;color:#7e8795;margin-top:5px}.chart-modern-play{width:39px;height:39px;border:0;border-radius:50%;background:#fff;color:#111;cursor:pointer}.chart-line{height:1px;background:#363c47}
/* Videos */
.modern-video-section{background:#fff}
.video-modern-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:20px}.video-modern-card{color:#111;text-decoration:none;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #e9edf2;box-shadow:0 12px 35px #0000000b}
.video-modern-thumb{height:220px;background:linear-gradient(135deg,#151922,#72141d);background-size:cover;background-position:center;position:relative;display:grid;place-items:center}.video-wide .video-modern-thumb{height:310px}
.video-overlay{position:absolute;inset:0;background:linear-gradient(0deg,#06070aba,transparent 70%)}.video-modern-play{position:relative;z-index:2;width:61px;height:61px;border-radius:50%;background:#fff;color:var(--accent);display:grid;place-items:center;box-shadow:0 0 0 12px #ffffff16}
.video-duration{position:absolute;z-index:2;right:14px;bottom:14px;background:#0b0d12d9;color:#fff;padding:7px 9px;border-radius:7px;font-size:9px;font-weight:900}
.video-modern-info{padding:19px}.video-modern-info small{font-size:9px;color:var(--accent);font-weight:900;letter-spacing:1px}.video-modern-info h3{margin:7px 0;font-size:19px}.video-modern-info p{margin:0;color:#727988;font-size:12px;line-height:1.6}
/* DJs */
.modern-dj-section{background:#f5f7f9!important}.dj-modern-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.dj-modern-card{border-radius:22px;overflow:hidden;background:#fff;border:1px solid #e8ecf1;box-shadow:0 12px 35px #0000000b}.dj-cover{height:165px;background:linear-gradient(145deg,#151922,#292e3b);display:grid;place-items:center;position:relative}
.dj-avatar-modern{width:105px;height:105px;border-radius:28px;background:#fff;display:grid;place-items:center;font-size:42px;overflow:hidden;border:5px solid #ffffff18;box-shadow:0 15px 30px #0004}.dj-avatar-modern img{width:100%;height:100%;object-fit:cover}
.dj-online{position:absolute;left:14px;top:14px;background:#12231b;color:#5fdb94;padding:6px 8px;border-radius:7px;font-size:8px;font-weight:900}.dj-modern-info{padding:20px}.dj-modern-info>span{font-size:8px;color:var(--accent);letter-spacing:1px;font-weight:900}.dj-modern-info h3{font-size:21px;margin:7px 0}.dj-modern-info p{font-size:12px;color:#747b88;min-height:30px}.dj-modern-info a{font-size:11px;font-weight:800;color:#111;text-decoration:none}
/* Real pages */
.inner-hero{background:linear-gradient(130deg,#10131a,#271016);color:#fff;padding:72px 0}.inner-hero h1{font-size:48px;margin:12px 0}.inner-hero p{color:#aeb5c2;font-size:16px}.news-page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.chart-page-list{display:grid;gap:12px}.chart-page-item{display:grid;grid-template-columns:70px 72px 1fr 330px;gap:18px;align-items:center;background:#12151c;border:1px solid #ffffff0c;border-radius:17px;padding:13px 18px;color:#fff}.chart-page-item>b{font-size:28px;color:#5d6675}.chart-page-cover{width:65px;height:65px;border-radius:14px;background:#232833;display:grid;place-items:center;overflow:hidden}.chart-page-cover img{width:100%;height:100%;object-fit:cover}.chart-page-item h3{margin:0 0 5px}.chart-page-item p{margin:0;color:#8b94a3}.chart-page-item audio{width:100%}
.dj-page-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.dj-page-card{text-align:center;background:#fff;border:1px solid #e9edf2;border-radius:24px;padding:28px;box-shadow:0 14px 40px #0000000b}.dj-page-avatar{width:120px;height:120px;border-radius:32px;background:#161a22;margin:0 auto 20px;display:grid;place-items:center;font-size:48px;overflow:hidden}.dj-page-avatar img{width:100%;height:100%;object-fit:cover}.dj-page-card>span{font-size:9px;color:#41b979;font-weight:900}.dj-page-card h2{margin:8px 0}.dj-page-card p{color:#737b89}.dj-page-card a{display:inline-block;background:#11151c;color:#fff;padding:10px 14px;border-radius:10px;text-decoration:none;font-size:12px;font-weight:800}
@media(max-width:1050px){.news-modern-grid,.video-modern-grid{grid-template-columns:1fr 1fr}.news-large,.video-wide{grid-column:1/-1}.chart-modern-layout{grid-template-columns:1fr}.dj-modern-grid,.dj-page-grid{grid-template-columns:repeat(2,1fr)}.news-page-grid{grid-template-columns:1fr 1fr}.chart-page-item{grid-template-columns:55px 65px 1fr}.chart-page-item audio{grid-column:2/-1}}
@media(max-width:650px){.modern-section-title{display:block}.modern-section-title .all-link{display:inline-block;margin-top:18px}.modern-section-title h2{font-size:32px}.news-modern-grid,.video-modern-grid,.news-page-grid{grid-template-columns:1fr}.news-large,.video-wide{grid-column:auto}.dj-modern-grid,.dj-page-grid{grid-template-columns:1fr}.chart-feature{min-height:440px}.vinyl-wrap{width:210px;height:210px}.vinyl{width:180px;height:180px}.chart-modern-item{grid-template-columns:38px 48px 1fr 39px;padding:11px 0}.chart-cover{width:46px;height:46px}.inner-hero h1{font-size:36px}.chart-page-item{grid-template-columns:45px 55px 1fr}.chart-page-item audio{grid-column:1/-1}}
/* ===== V7 BRANDING + MODERN FOOTER ===== */
.site-logo-img{display:block;max-width:210px;max-height:58px;object-fit:contain}
.modern-site-footer{position:relative;overflow:hidden;background:linear-gradient(180deg,#0a0d13,#07090d);padding-top:72px;color:#aab1bf}
.footer-glow{position:absolute;border-radius:50%;filter:blur(40px);opacity:.16;pointer-events:none}.footer-glow-one{width:340px;height:340px;background:#e50914;left:-150px;top:-120px}.footer-glow-two{width:300px;height:300px;background:#4b39ff;right:-140px;bottom:-100px}
.footer-top-modern{position:relative;z-index:2;display:grid;grid-template-columns:1.45fr .85fr .9fr 1.15fr;gap:46px;padding-bottom:58px}
.footer-modern-logo{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none}.footer-modern-logo img{max-width:220px;max-height:60px;object-fit:contain}.footer-logo-mark{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#22ad76,#68c765);display:grid;place-items:center;font-size:27px;color:#fff;font-weight:900}.footer-modern-logo strong{font-size:23px}
.footer-brand-modern>p{max-width:390px;line-height:1.75;color:#929aaa;margin:20px 0}
.footer-live-chip{display:inline-flex;align-items:center;gap:9px;background:#ffffff08;border:1px solid #ffffff0d;border-radius:999px;padding:9px 12px;font-size:10px;font-weight:800;color:#dbe0e8}
.modern-socials{margin-top:18px}.modern-socials a{background:#121720!important;border:1px solid #ffffff0d;transition:.2s}.modern-socials a:hover{transform:translateY(-3px);background:#1b222d!important}
.footer-column>span,.footer-newsletter>span{font-size:9px;color:#ff7f8a;letter-spacing:1.6px;font-weight:900}.footer-column h4,.footer-newsletter h4{font-size:17px;margin:8px 0 17px;color:#fff}.footer-column a{color:#929aaa!important;text-decoration:none;margin:10px 0!important;font-size:13px;transition:.2s}.footer-column a:hover{color:#fff!important;transform:translateX(3px)}
.footer-newsletter{background:#10141c;border:1px solid #ffffff0d;border-radius:20px;padding:21px;box-shadow:0 16px 45px #0005}.footer-newsletter p{font-size:12px;line-height:1.65;color:#8f98a7}
.footer-contact-mini{display:grid;gap:10px;margin-top:17px}.footer-contact-mini div{display:flex;gap:10px;align-items:center;font-size:11px;color:#c0c7d2}.footer-contact-mini b{width:28px;height:28px;border-radius:9px;background:#1a202a;display:grid;place-items:center}
.footer-contact-btn{display:inline-flex!important;margin-top:18px!important;background:var(--accent);color:#fff!important;padding:11px 14px;border-radius:10px;font-size:11px;font-weight:800;text-decoration:none}
.footer-bottom-modern{position:relative;z-index:2;border-top:1px solid #ffffff0d;background:#07090d;padding:18px 0}.footer-bottom-modern .wrap{display:flex;justify-content:space-between;gap:20px;align-items:center}.footer-bottom-modern span{font-size:11px;color:#707887}.footer-bottom-modern div{display:flex;gap:18px}.footer-bottom-modern a{color:#9199a8;text-decoration:none;font-size:11px}
@media(max-width:980px){.footer-top-modern{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.footer-top-modern{grid-template-columns:1fr}.footer-bottom-modern .wrap{display:block;text-align:center}.footer-bottom-modern div{justify-content:center;margin-top:10px}}
/* ===== V9 ELEGANT TOP 10 ===== */
.elegant-top10-section{
position:relative;
overflow:hidden;
background:
radial-gradient(circle at 12% 10%,rgba(229,9,20,.16),transparent 28%),
radial-gradient(circle at 88% 85%,rgba(77,61,255,.10),transparent 30%),
linear-gradient(180deg,#0a0d13,#0d1118);
color:#fff;
}
.elegant-top10-section:before{
content:"";
position:absolute;
inset:0;
background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);
background-size:46px 46px;
mask-image:linear-gradient(to bottom,rgba(0,0,0,.45),transparent 85%);
pointer-events:none;
}
.elegant-title{position:relative;z-index:2}
.elegant-top10-layout{
position:relative;
z-index:2;
display:grid;
grid-template-columns:.78fr 1.22fr;
gap:24px;
align-items:stretch;
}
.elegant-feature-card{
position:relative;
min-height:590px;
border-radius:30px;
overflow:hidden;
padding:30px;
background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.018));
border:1px solid rgba(255,255,255,.08);
box-shadow:0 30px 80px rgba(0,0,0,.35);
backdrop-filter:blur(10px);
}
.elegant-feature-card:before{
content:"";
position:absolute;
width:280px;
height:280px;
border-radius:50%;
background:rgba(229,9,20,.18);
filter:blur(45px);
top:-130px;
left:-100px;
}
.feature-badge{
display:inline-flex;
position:relative;
z-index:2;
padding:8px 11px;
border-radius:999px;
background:rgba(255,255,255,.07);
border:1px solid rgba(255,255,255,.09);
color:#ff9ba3;
font-size:9px;
font-weight:900;
letter-spacing:1.5px;
}
.elegant-record-wrap{
position:relative;
width:270px;
height:270px;
display:grid;
place-items:center;
margin:48px auto 26px;
}
.record-glow{
position:absolute;
inset:20px;
border-radius:50%;
background:rgba(229,9,20,.22);
filter:blur(35px);
}
.elegant-record{
position:relative;
width:235px;
height:235px;
border-radius:50%;
background:
repeating-radial-gradient(circle,#151515 0 4px,#090909 5px 8px);
border:1px solid rgba(255,255,255,.08);
box-shadow:0 25px 60px rgba(0,0,0,.55),inset 0 0 0 14px rgba(255,255,255,.01);
display:grid;
place-items:center;
animation:elegantSpin 16s linear infinite;
}
.record-ring{
position:absolute;
width:92px;
height:92px;
border-radius:50%;
border:1px solid rgba(255,255,255,.14);
}
.record-label{
width:64px;
height:64px;
border-radius:50%;
background:linear-gradient(135deg,#ff2434,#b90917);
display:grid;
place-items:center;
font-size:25px;
box-shadow:0 10px 30px rgba(229,9,20,.35);
}
@keyframes elegantSpin{to{transform:rotate(360deg)}}
.feature-copy{
position:relative;
z-index:2;
text-align:center;
max-width:360px;
margin:auto;
}
.feature-copy>span{
color:#ff8e98;
font-size:9px;
font-weight:900;
letter-spacing:1.6px;
}
.feature-copy h3{
font-size:38px;
line-height:1.02;
letter-spacing:-1.2px;
margin:9px 0 13px;
}
.feature-copy p{
color:#8f98a7;
font-size:12px;
line-height:1.7;
max-width:320px;
margin:0 auto;
}
.feature-list-button{
display:inline-flex;
align-items:center;
gap:12px;
margin-top:20px;
padding:12px 16px;
border-radius:12px;
background:#fff;
color:#10141a;
text-decoration:none;
font-size:12px;
font-weight:900;
transition:.2s;
}
.feature-list-button:hover{transform:translateY(-2px)}
.feature-list-button b{color:var(--accent)}
.elegant-chart-panel{
border-radius:30px;
background:rgba(16,20,28,.88);
border:1px solid rgba(255,255,255,.07);
box-shadow:0 30px 80px rgba(0,0,0,.28);
padding:20px 23px 12px;
backdrop-filter:blur(10px);
}
.chart-panel-head{
display:flex;
justify-content:space-between;
gap:20px;
align-items:center;
padding:6px 3px 17px;
border-bottom:1px solid rgba(255,255,255,.07);
}
.chart-panel-head span{
display:block;
color:#747d8d;
font-size:8px;
font-weight:900;
letter-spacing:1.4px;
}
.chart-panel-head h3{
margin:5px 0 0;
font-size:19px;
}
.chart-live{
display:flex;
align-items:center;
gap:8px;
background:#111b17;
border:1px solid #1b3229;
color:#63d89b;
padding:8px 10px;
border-radius:999px;
font-size:8px;
font-weight:900;
letter-spacing:.7px;
}
.chart-live i{
width:7px;
height:7px;
border-radius:50%;
background:#52d993;
box-shadow:0 0 0 5px rgba(82,217,147,.08);
}
.elegant-chart-list{padding-top:3px}
.elegant-chart-item{
display:grid;
grid-template-columns:52px 58px 1fr 45px;
gap:14px;
align-items:center;
min-height:76px;
padding:8px 2px;
border-bottom:1px solid rgba(255,255,255,.055);
transition:.2s;
}
.elegant-chart-item:last-child{border-bottom:0}
.elegant-chart-item:hover{
padding-left:8px;
padding-right:8px;
background:rgba(255,255,255,.025);
border-radius:14px;
}
.elegant-rank{
font-size:20px;
font-weight:800;
color:#4f5968;
letter-spacing:-.5px;
}
.elegant-chart-item:hover .elegant-rank{color:#ff6f7b}
.elegant-cover{
width:50px;
height:50px;
border-radius:14px;
overflow:hidden;
background:linear-gradient(145deg,#242a36,#1b202a);
display:grid;
place-items:center;
color:#fff;
font-size:18px;
box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);
}
.elegant-cover img{width:100%;height:100%;object-fit:cover}
.elegant-song strong,.elegant-song span{display:block}
.elegant-song strong{
font-size:14px;
color:#f7f8fa;
font-weight:800;
letter-spacing:-.1px;
}
.elegant-song span{
font-size:9px;
color:#737d8d;
margin-top:5px;
}
.elegant-status{display:flex;justify-content:flex-end}
.elegant-play{
width:38px;
height:38px;
border-radius:50%;
border:1px solid rgba(255,255,255,.12);
background:#fff;
color:#11151b;
cursor:pointer;
transition:.2s;
box-shadow:0 7px 18px rgba(0,0,0,.18);
}
.elegant-play:hover{
transform:scale(1.06);
background:var(--accent);
color:#fff;
border-color:var(--accent);
}
.elegant-line{
width:28px;
height:1px;
background:#39414d;
}
@media(max-width:1050px){
.elegant-top10-layout{grid-template-columns:1fr}
.elegant-feature-card{min-height:auto;padding-bottom:38px}
}
@media(max-width:650px){
.elegant-feature-card{padding:22px}
.elegant-record-wrap{width:220px;height:220px;margin-top:35px}
.elegant-record{width:190px;height:190px}
.feature-copy h3{font-size:32px}
.elegant-chart-panel{padding:15px 14px 8px}
.chart-panel-head{align-items:flex-start}
.chart-live{display:none}
.elegant-chart-item{grid-template-columns:38px 48px 1fr 38px;gap:10px;min-height:68px}
.elegant-cover{width:45px;height:45px;border-radius:12px}
.elegant-rank{font-size:17px}
}
/* ===== V10 PREMIUM TOP 5 ===== */
.elegant-top10-section{padding:82px 0;background:
radial-gradient(circle at 13% 8%,rgba(229,9,20,.14),transparent 24%),
radial-gradient(circle at 88% 82%,rgba(91,65,255,.09),transparent 26%),
linear-gradient(180deg,#090c12,#0c1017)}
.elegant-top10-layout{grid-template-columns:.72fr 1.28fr;gap:22px}
.elegant-feature-card{min-height:480px;border-radius:28px;padding:27px;background:linear-gradient(150deg,rgba(255,255,255,.06),rgba(255,255,255,.018))}
.elegant-record-wrap{width:215px;height:215px;margin:31px auto 17px}
.elegant-record{width:185px;height:185px}
.record-label{width:56px;height:56px}
.feature-copy h3{font-size:34px}
.feature-copy p{max-width:300px}
.elegant-chart-panel{border-radius:28px;padding:18px 22px}
.elegant-chart-list{display:grid;gap:10px;padding:13px 0 4px}
.elegant-chart-item{min-height:82px;border:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.018);border-radius:17px;padding:11px 14px}
.elegant-chart-item:hover{padding-left:17px;padding-right:17px;background:linear-gradient(90deg,rgba(229,9,20,.08),rgba(255,255,255,.025));border-color:rgba(255,255,255,.1)}
.elegant-chart-item:last-child{border-bottom:1px solid rgba(255,255,255,.055)}
.elegant-rank{width:38px;height:38px;border-radius:12px;background:#171c25;display:grid;place-items:center;font-size:15px}
.elegant-chart-item:first-child .elegant-rank{background:var(--accent);color:#fff;box-shadow:0 7px 22px rgba(229,9,20,.28)}
.elegant-cover{width:53px;height:53px}
.elegant-song strong{font-size:15px}
.elegant-song span{font-size:10px}
.chart-panel-head h3{font-size:21px}
@media(max-width:650px){
.elegant-top10-section{padding:60px 0}
.elegant-feature-card{min-height:auto}
.elegant-chart-item{grid-template-columns:40px 48px 1fr 38px}
}
/* ===== V11 VIDEO + TOP 5 YAN YANA ===== */
.media-chart-combo{
background:
radial-gradient(circle at 12% 5%,rgba(229,9,20,.06),transparent 24%),
linear-gradient(180deg,#ffffff,#f6f8fb);
padding:82px 0;
}
.combo-grid{
display:grid;
grid-template-columns:1.12fr .88fr;
gap:24px;
align-items:stretch;
}
.combo-video-col,.combo-top5-col{
min-width:0;
}
.combo-head{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:18px;
margin-bottom:22px;
}
.combo-head h2{
margin:9px 0 7px;
font-size:34px;
letter-spacing:-1px;
color:#11151c;
}
.combo-head p{
margin:0;
max-width:430px;
color:#757d8a;
font-size:13px;
line-height:1.65;
}
.combo-all-link{
color:#11151c;
text-decoration:none;
font-size:11px;
font-weight:900;
white-space:nowrap;
border-bottom:1px solid #d8dde4;
padding-bottom:5px;
}
.combo-all-link span{color:var(--accent)}
.top5-pill{background:#11151c;color:#fff}
/* Video side */
.combo-video-layout{
background:#fff;
border:1px solid #e7ebf0;
border-radius:26px;
padding:14px;
box-shadow:0 18px 55px #0000000d;
height:calc(100% - 98px);
}
.combo-video-main{
display:block;
text-decoration:none;
color:#fff;
}
.combo-video-thumb{
min-height:360px;
border-radius:20px;
background:linear-gradient(135deg,#171b24,#7c111b);
background-size:cover;
background-position:center;
position:relative;
overflow:hidden;
}
.combo-video-overlay{
position:absolute;
inset:0;
background:linear-gradient(0deg,rgba(5,7,11,.86),rgba(5,7,11,.06) 65%);
}
.combo-video-badge{
position:absolute;
left:16px;
top:16px;
z-index:2;
padding:7px 10px;
border-radius:999px;
background:rgba(255,255,255,.92);
color:#11151c;
font-size:8px;
font-weight:900;
letter-spacing:1px;
}
.combo-video-play{
position:absolute;
z-index:2;
left:50%;
top:50%;
transform:translate(-50%,-50%);
width:68px;
height:68px;
border-radius:50%;
background:#fff;
color:var(--accent);
display:grid;
place-items:center;
font-size:23px;
box-shadow:0 0 0 12px rgba(255,255,255,.12),0 15px 35px rgba(0,0,0,.28);
}
.combo-video-caption{
position:absolute;
z-index:2;
left:20px;
right:20px;
bottom:18px;
}
.combo-video-caption small{
display:block;
color:#ff8c95;
font-size:8px;
letter-spacing:1.4px;
font-weight:900;
}
.combo-video-caption h3{
margin:6px 0 0;
font-size:22px;
}
.combo-video-small-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-top:12px;
}
.combo-video-small{
text-decoration:none;
color:#11151c;
border:1px solid #edf0f4;
border-radius:17px;
overflow:hidden;
background:#fff;
}
.combo-small-thumb{
height:120px;
background:linear-gradient(135deg,#1b202a,#6d151d);
background-size:cover;
background-position:center;
position:relative;
display:grid;
place-items:center;
}
.combo-small-play{
position:relative;
z-index:2;
width:42px;
height:42px;
border-radius:50%;
background:#fff;
color:var(--accent);
display:grid;
place-items:center;
font-size:14px;
}
.combo-small-info{
padding:12px 13px 13px;
}
.combo-small-info span{
display:block;
color:var(--accent);
font-size:8px;
font-weight:900;
letter-spacing:1px;
margin-bottom:4px;
}
.combo-small-info strong{
font-size:12px;
line-height:1.35;
display:block;
}
/* Top 5 side */
.combo-top5-panel{
background:linear-gradient(160deg,#10141c,#0a0d13);
color:#fff;
border:1px solid #ffffff0d;
border-radius:26px;
padding:17px;
box-shadow:0 22px 60px rgba(0,0,0,.16);
}
.combo-top5-now{
display:flex;
gap:13px;
align-items:center;
padding:7px 6px 16px;
border-bottom:1px solid rgba(255,255,255,.07);
}
.combo-disc{
width:56px;
height:56px;
border-radius:18px;
background:radial-gradient(circle,#e50914 0 21%,#151515 22% 33%,#070707 34% 100%);
display:grid;
place-items:center;
box-shadow:0 12px 25px rgba(0,0,0,.35);
}
.combo-top5-now small,.combo-top5-now strong,.combo-top5-now span{display:block}
.combo-top5-now small{
color:#ff8f98;
font-size:8px;
letter-spacing:1.2px;
font-weight:900;
}
.combo-top5-now strong{
margin-top:4px;
font-size:16px;
}
.combo-top5-now span{
margin-top:4px;
font-size:9px;
color:#7e8796;
}
.combo-top5-list{
display:grid;
gap:9px;
padding-top:12px;
}
.combo-top5-item{
display:grid;
grid-template-columns:38px 48px 1fr 38px;
gap:10px;
align-items:center;
min-height:68px;
border:1px solid rgba(255,255,255,.05);
background:rgba(255,255,255,.018);
border-radius:15px;
padding:9px 10px;
transition:.2s;
}
.combo-top5-item:hover{
background:linear-gradient(90deg,rgba(229,9,20,.08),rgba(255,255,255,.025));
border-color:rgba(255,255,255,.1);
transform:translateX(2px);
}
.combo-rank{
width:34px;
height:34px;
border-radius:10px;
background:#171c25;
color:#667080;
display:grid;
place-items:center;
font-size:13px;
font-weight:900;
}
.combo-top5-item:first-child .combo-rank{
background:var(--accent);
color:#fff;
box-shadow:0 7px 20px rgba(229,9,20,.24);
}
.combo-cover{
width:45px;
height:45px;
border-radius:12px;
background:#202632;
display:grid;
place-items:center;
overflow:hidden;
color:#fff;
}
.combo-cover img{width:100%;height:100%;object-fit:cover}
.combo-song strong,.combo-song span{display:block}
.combo-song strong{
font-size:12px;
color:#f6f7f9;
}
.combo-song span{
font-size:8px;
color:#76808f;
margin-top:4px;
}
.combo-play{
width:35px;
height:35px;
border:0;
border-radius:50%;
background:#fff;
color:#11151c;
cursor:pointer;
transition:.2s;
}
.combo-play:hover{
background:var(--accent);
color:#fff;
transform:scale(1.05);
}
.combo-line{
width:24px;
height:1px;
background:#38404d;
justify-self:end;
}
@media(max-width:1050px){
.combo-grid{grid-template-columns:1fr}
.combo-video-layout{height:auto}
}
@media(max-width:650px){
.media-chart-combo{padding:60px 0}
.combo-head{display:block}
.combo-head .combo-all-link{display:inline-block;margin-top:13px}
.combo-head h2{font-size:30px}
.combo-video-thumb{min-height:280px}
.combo-video-small-grid{grid-template-columns:1fr}
.combo-small-thumb{height:150px}
}
/* ===== V12 NOW PLAYING ===== */
.now-modern strong{max-width:330px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-modern em{max-width:330px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#nowPlayingTitle{transition:.2s}.mini-now strong{max-width:360px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* ===== V13 HEADER NOW PLAYING ===== */
.head-now-playing{
min-width:0;
margin-top:7px;
display:flex;
flex-direction:column;
gap:2px;
}
.head-now-playing small{
display:block;
max-width:245px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
color:#f4f6f9;
font-size:10px;
font-weight:800;
line-height:1.3;
}
.head-now-playing span{
display:block;
max-width:245px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
color:#7e8796;
font-size:8px;
line-height:1.3;
}
/* ===== V14 KAYAN ŞU AN ÇALAN ===== */
.now-playing-copy{min-width:0;width:100%;max-width:360px}
.song-marquee,.artist-marquee,
.head-song-marquee,.head-artist-marquee{
position:relative;
overflow:hidden;
white-space:nowrap;
min-width:0;
}
.song-marquee{max-width:330px;margin-top:3px}
.artist-marquee{max-width:330px;margin-top:2px}
.head-song-marquee,.head-artist-marquee{max-width:245px}
.song-marquee:before,.song-marquee:after,
.artist-marquee:before,.artist-marquee:after,
.head-song-marquee:before,.head-song-marquee:after,
.head-artist-marquee:before,.head-artist-marquee:after{
content:"";
position:absolute;
top:0;
bottom:0;
width:14px;
z-index:2;
pointer-events:none;
opacity:.85;
}
.song-marquee:before,.artist-marquee:before{left:0;background:linear-gradient(90deg,#0c0f15,transparent)}
.song-marquee:after,.artist-marquee:after{right:0;background:linear-gradient(-90deg,#0c0f15,transparent)}
.head-song-marquee:before,.head-artist-marquee:before{left:0;background:linear-gradient(90deg,#11141c,transparent)}
.head-song-marquee:after,.head-artist-marquee:after{right:0;background:linear-gradient(-90deg,#11141c,transparent)}
.song-marquee-track,.artist-marquee-track,
.head-song-track,.head-artist-track{
display:inline-flex;
align-items:center;
gap:28px;
width:max-content;
min-width:100%;
will-change:transform;
}
.marquee-spacer{
opacity:.35;
font-size:9px;
flex:0 0 auto;
}
.song-marquee-track.is-scrolling,
.head-song-track.is-scrolling{
animation:nowSongScroll 12s linear infinite;
}
.artist-marquee-track.is-scrolling,
.head-artist-track.is-scrolling{
animation:nowArtistScroll 15s linear infinite;
}
.song-marquee-track.is-scrolling:hover,
.artist-marquee-track.is-scrolling:hover,
.head-song-track.is-scrolling:hover,
.head-artist-track.is-scrolling:hover{
animation-play-state:paused;
}
@keyframes nowSongScroll{
from{transform:translateX(0)}
to{transform:translateX(calc(-50% - 14px))}
}
@keyframes nowArtistScroll{
from{transform:translateX(0)}
to{transform:translateX(calc(-50% - 14px))}
}
/* Eski ellipsis kurallarını bu alanlarda kaldır */
.song-marquee #nowPlayingTitle,
.artist-marquee #nowPlayingArtist,
.head-song-marquee #headNowPlayingTitle,
.head-artist-marquee #headNowPlayingArtist{
max-width:none!important;
overflow:visible!important;
text-overflow:clip!important;
white-space:nowrap!important;
}
.head-now-playing{overflow:hidden}
@media(max-width:720px){
.song-marquee,.artist-marquee{max-width:260px}
.head-song-marquee,.head-artist-marquee{max-width:100%}
}
/* ===== V15 KAYAN ŞARKI FIX ===== */
.song-marquee,.artist-marquee,
.head-song-marquee,.head-artist-marquee{
overflow:hidden!important;
white-space:nowrap!important;
position:relative!important;
}
.song-marquee-track,.artist-marquee-track,
.head-song-track,.head-artist-track{
display:flex!important;
flex-wrap:nowrap!important;
align-items:center!important;
width:max-content!important;
min-width:0!important;
gap:var(--marquee-gap,42px)!important;
transform:translate3d(0,0,0);
will-change:transform;
}
.song-marquee-track .marquee-text,
.artist-marquee-track .marquee-text,
.head-song-track .marquee-text,
.head-artist-track .marquee-text{
flex:0 0 auto!important;
white-space:nowrap!important;
max-width:none!important;
overflow:visible!important;
text-overflow:clip!important;
}
.marquee-separator{
flex:0 0 auto;
opacity:.35;
font-size:9px;
margin:0 calc(var(--marquee-gap,42px) * -.45);
}
.song-marquee-track.is-scrolling,
.artist-marquee-track.is-scrolling,
.head-song-track.is-scrolling,
.head-artist-track.is-scrolling{
animation-name:v15Marquee!important;
animation-duration:var(--marquee-duration,12s)!important;
animation-timing-function:linear!important;
animation-iteration-count:infinite!important;
animation-play-state:running!important;
}
.song-marquee-track.is-scrolling:hover,
.artist-marquee-track.is-scrolling:hover,
.head-song-track.is-scrolling:hover,
.head-artist-track.is-scrolling:hover{
animation-play-state:paused!important;
}
@keyframes v15Marquee{
from{transform:translate3d(0,0,0)}
to{transform:translate3d(calc(-33.333% - (var(--marquee-gap,42px) / 3)),0,0)}
}
/* Üst mini playerda metin alanını biraz genişlet */
.head-now-playing{width:100%;max-width:260px}
.head-song-marquee,.head-artist-marquee{width:100%;max-width:260px}
.song-marquee,.artist-marquee{width:100%;max-width:340px}
@media(max-width:720px){
.song-marquee,.artist-marquee{max-width:280px}
.head-now-playing,.head-song-marquee,.head-artist-marquee{max-width:100%}
}
@media(prefers-reduced-motion:reduce){
.song-marquee-track.is-scrolling,
.artist-marquee-track.is-scrolling,
.head-song-track.is-scrolling,
.head-artist-track.is-scrolling{
animation-duration:18s!important;
}
}
/* ===== V17 MODERN FOOTER ===== */
.footer-v17{
position:relative;
overflow:hidden;
background:linear-gradient(180deg,#0b0f16 0%,#090c12 100%);
color:#9aa3b2;
padding-top:72px;
}
.footer-v17-bg{position:absolute;inset:0;pointer-events:none}
.footer-v17-bg:before{
content:"";
position:absolute;
inset:0;
background:
linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
background-size:44px 44px;
mask-image:linear-gradient(to bottom,rgba(0,0,0,.5),transparent 78%);
}
.footer-v17-orb{position:absolute;border-radius:50%;filter:blur(55px);opacity:.15}
.footer-v17-orb.orb-a{width:340px;height:340px;background:#e50914;left:-140px;top:-150px}
.footer-v17-orb.orb-b{width:300px;height:300px;background:#4d3dff;right:-120px;bottom:-90px}
.footer-v17-top{
position:relative;
z-index:2;
display:grid;
grid-template-columns:1.3fr 1fr 1.1fr;
gap:52px;
align-items:start;
padding-bottom:54px;
}
.footer-v17-logo{
display:inline-flex;
align-items:center;
gap:11px;
text-decoration:none;
color:#fff;
}
.footer-v17-logo img{max-width:220px;max-height:58px;object-fit:contain}
.footer-v17-mark{
width:44px;height:44px;border-radius:14px;
background:linear-gradient(135deg,#22ad76,#68c765);
color:#fff;display:grid;place-items:center;font-size:26px;font-weight:900;
}
.footer-v17-logo strong{font-size:23px}
.footer-v17-brand>p{
max-width:420px;
margin:20px 0;
color:#8f98a7;
line-height:1.8;
font-size:13px;
}
.footer-v17-live{
display:inline-flex;align-items:center;gap:12px;
padding:11px 13px;
border-radius:15px;
background:#111722;
border:1px solid rgba(255,255,255,.07);
box-shadow:0 12px 28px rgba(0,0,0,.2);
}
.live-dot-v17{
width:10px;height:10px;border-radius:50%;
background:#54d996;box-shadow:0 0 0 6px rgba(84,217,150,.08)
}
.footer-v17-live small,.footer-v17-live strong{display:block}
.footer-v17-live small{font-size:8px;letter-spacing:1.2px;color:#697384;font-weight:900}
.footer-v17-live strong{font-size:12px;color:#fff;margin-top:3px}
.footer-v17-social{display:flex;gap:9px;margin-top:18px}
.footer-v17-social a{
width:38px;height:38px;border-radius:12px;
display:grid;place-items:center;
background:#121823;border:1px solid rgba(255,255,255,.07);
color:#fff;text-decoration:none;transition:.2s
}
.footer-v17-social a:hover{transform:translateY(-3px);background:#1a2230}
.footer-v17-links{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.footer-v17-col>span,.footer-v17-mini-label{
font-size:8px;letter-spacing:1.5px;color:#ff7f89;font-weight:900
}
.footer-v17-col h4,.footer-v17-contact-card h4{
margin:7px 0 18px;color:#fff;font-size:17px
}
.footer-v17-col a{
display:block;
color:#8f98a7;text-decoration:none;
margin:11px 0;font-size:12px;transition:.2s
}
.footer-v17-col a:hover{color:#fff;transform:translateX(3px)}
.footer-v17-contact-card{
background:linear-gradient(155deg,#111722,#0f141c);
border:1px solid rgba(255,255,255,.07);
border-radius:22px;
padding:22px;
box-shadow:0 22px 55px rgba(0,0,0,.28);
}
.footer-v17-contact-card>p{
margin:0;color:#828c9b;font-size:12px;line-height:1.7
}
.footer-v17-contact-list{display:grid;gap:10px;margin-top:18px}
.footer-v17-contact-list>div{
display:flex;align-items:center;gap:11px;
padding:10px 11px;border-radius:13px;
background:#0b1017;border:1px solid rgba(255,255,255,.05)
}
.footer-v17-contact-list>div>span{
width:32px;height:32px;border-radius:10px;background:#171d27;
display:grid;place-items:center;color:#fff
}
.footer-v17-contact-list small,.footer-v17-contact-list strong{display:block}
.footer-v17-contact-list small{font-size:7px;color:#697384;letter-spacing:1px;font-weight:900}
.footer-v17-contact-list strong{font-size:10px;color:#d6dbe3;margin-top:3px}
.footer-v17-button{
display:flex;justify-content:space-between;align-items:center;
margin-top:16px;padding:12px 14px;border-radius:11px;
background:var(--accent);color:#fff;text-decoration:none;
font-size:11px;font-weight:900
}
.footer-v17-strip{
position:relative;z-index:2;
border-top:1px solid rgba(255,255,255,.07);
border-bottom:1px solid rgba(255,255,255,.07);
background:#0b1017
}
.footer-v17-strip-inner{
min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px
}
.footer-v17-now{display:flex;align-items:center;gap:12px}
.footer-eq-icon{
width:42px;height:42px;border-radius:13px;
background:linear-gradient(135deg,#e50914,#7c111b);
display:grid;place-items:center;color:#fff;font-size:18px
}
.footer-v17-now small,.footer-v17-now strong{display:block}
.footer-v17-now small{font-size:8px;color:#6f7988;letter-spacing:1.2px;font-weight:900}
.footer-v17-now strong{font-size:12px;color:#fff;margin-top:3px}
.footer-v17-actions{display:flex;gap:9px;flex-wrap:wrap}
.footer-v17-actions a{
padding:9px 12px;border-radius:10px;
background:#131923;border:1px solid rgba(255,255,255,.06);
color:#b7bfca;text-decoration:none;font-size:10px;font-weight:800
}
.footer-v17-bottom{
position:relative;z-index:2;
background:#080b10;padding:18px 0
}
.footer-v17-bottom .wrap{
display:flex;justify-content:space-between;align-items:center;gap:20px
}
.footer-v17-bottom span{font-size:10px;color:#666f7d}
.footer-v17-bottom div{display:flex;gap:16px}
.footer-v17-bottom a{color:#8b94a2;text-decoration:none;font-size:10px}
@media(max-width:980px){
.footer-v17-top{grid-template-columns:1fr 1fr}
.footer-v17-contact-card{grid-column:1/-1}
}
@media(max-width:650px){
.footer-v17{padding-top:58px}
.footer-v17-top{grid-template-columns:1fr;gap:34px}
.footer-v17-links{grid-template-columns:1fr 1fr}
.footer-v17-contact-card{grid-column:auto}
.footer-v17-strip-inner{display:block;padding:16px 0}
.footer-v17-actions{margin-top:14px}
.footer-v17-bottom .wrap{display:block;text-align:center}
.footer-v17-bottom div{justify-content:center;margin-top:10px}
}
/* ===== V18 CLEAN MODERN FOOTER ===== */
.footer-v18{
position:relative;
overflow:hidden;
background:#0b0f15;
color:#98a1af;
padding-top:64px;
border-top:1px solid rgba(255,255,255,.05);
}
.footer-v18:before{
content:"";
position:absolute;
inset:0;
background:
linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
background-size:48px 48px;
opacity:.35;
pointer-events:none;
}
.footer-v18-glow{
position:absolute;
width:320px;
height:320px;
border-radius:50%;
filter:blur(70px);
opacity:.12;
pointer-events:none;
}
.footer-v18-glow.glow-left{left:-160px;top:-140px;background:#e50914}
.footer-v18-glow.glow-right{right:-150px;bottom:-150px;background:#3e4dff}
.footer-v18-main{
position:relative;
z-index:2;
display:grid;
grid-template-columns:1.25fr .9fr 1fr;
gap:56px;
padding-bottom:52px;
}
.footer-v18-logo{
display:inline-flex;
align-items:center;
gap:12px;
text-decoration:none;
color:#fff;
}
.footer-v18-logo img{
max-width:220px;
max-height:58px;
object-fit:contain;
}
.footer-v18-logo-mark{
width:44px;
height:44px;
border-radius:14px;
background:linear-gradient(135deg,#2fb67c,#6fd05e);
display:grid;
place-items:center;
color:#fff;
font-size:25px;
font-weight:900;
}
.footer-v18-logo strong{font-size:23px}
.footer-v18-brand>p{
margin:20px 0 18px;
max-width:400px;
color:#858e9c;
font-size:13px;
line-height:1.75;
}
.footer-v18-live-card{
display:inline-flex;
align-items:center;
gap:12px;
padding:11px 14px;
border:1px solid rgba(255,255,255,.07);
border-radius:14px;
background:#111720;
}
.footer-v18-live-dot{
width:9px;
height:9px;
border-radius:50%;
background:#58d99a;
box-shadow:0 0 0 6px rgba(88,217,154,.08);
}
.footer-v18-live-card small,
.footer-v18-live-card strong{display:block}
.footer-v18-live-card small{
color:#667181;
font-size:8px;
letter-spacing:1.15px;
font-weight:900;
}
.footer-v18-live-card strong{
color:#fff;
font-size:12px;
margin-top:3px;
}
.footer-v18-socials{
display:flex;
gap:9px;
margin-top:18px;
}
.footer-v18-socials a{
width:38px;
height:38px;
border-radius:11px;
display:grid;
place-items:center;
background:#121822;
border:1px solid rgba(255,255,255,.06);
color:#fff;
text-decoration:none;
transition:.2s ease;
}
.footer-v18-socials a:hover{
transform:translateY(-3px);
background:#1b2230;
border-color:rgba(255,255,255,.12);
}
.footer-v18-menu{
display:grid;
grid-template-columns:1fr 1fr;
gap:34px;
}
.footer-v18-label{
display:block;
color:#ff7d89;
font-size:8px;
font-weight:900;
letter-spacing:1.5px;
}
.footer-v18-col h4,
.footer-v18-contact h4{
margin:7px 0 17px;
color:#fff;
font-size:16px;
}
.footer-v18-col a{
display:block;
margin:11px 0;
color:#9099a7;
text-decoration:none;
font-size:12px;
transition:.2s;
}
.footer-v18-col a:hover{
color:#fff;
transform:translateX(3px);
}
.footer-v18-contact{
background:linear-gradient(155deg,#121824,#0e141d);
border:1px solid rgba(255,255,255,.07);
border-radius:20px;
padding:22px;
box-shadow:0 20px 50px rgba(0,0,0,.22);
}
.footer-v18-contact-head p{
margin:0 0 16px;
color:#7f8997;
font-size:12px;
line-height:1.65;
}
.footer-v18-contact-row{
display:flex;
align-items:center;
gap:11px;
padding:10px 11px;
margin-top:9px;
border-radius:12px;
background:#0b1017;
border:1px solid rgba(255,255,255,.05);
}
.footer-v18-contact-icon{
width:32px;
height:32px;
border-radius:9px;
background:#171e29;
display:grid;
place-items:center;
color:#fff;
}
.footer-v18-contact-row small,
.footer-v18-contact-row strong{display:block}
.footer-v18-contact-row small{
color:#65707f;
font-size:7px;
font-weight:900;
letter-spacing:1px;
}
.footer-v18-contact-row strong{
margin-top:3px;
color:#dbe0e7;
font-size:10px;
}
.footer-v18-contact-btn{
display:flex;
justify-content:space-between;
align-items:center;
margin-top:14px;
padding:11px 13px;
border-radius:10px;
background:var(--accent);
color:#fff;
text-decoration:none;
font-size:11px;
font-weight:900;
}
.footer-v18-quick{
position:relative;
z-index:2;
border-top:1px solid rgba(255,255,255,.06);
border-bottom:1px solid rgba(255,255,255,.06);
background:#0a0e14;
}
.footer-v18-quick-inner{
min-height:72px;
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
}
.footer-v18-radio{
display:flex;
align-items:center;
gap:12px;
}
.footer-v18-radio-icon{
width:42px;
height:42px;
border-radius:13px;
background:linear-gradient(135deg,#e50914,#8d111b);
display:grid;
place-items:center;
color:#fff;
}
.footer-v18-radio small,
.footer-v18-radio strong{display:block}
.footer-v18-radio small{
color:#697383;
font-size:8px;
font-weight:900;
letter-spacing:1.2px;
}
.footer-v18-radio strong{
color:#fff;
font-size:12px;
margin-top:3px;
}
.footer-v18-quick-links{
display:flex;
gap:9px;
}
.footer-v18-quick-links a{
padding:9px 12px;
border-radius:9px;
background:#131923;
border:1px solid rgba(255,255,255,.06);
color:#b0b8c4;
text-decoration:none;
font-size:10px;
font-weight:800;
}
.footer-v18-bottom{
position:relative;
z-index:2;
background:#080b10;
}
.footer-v18-bottom-inner{
min-height:54px;
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
}
.footer-v18-bottom-inner>span{
color:#626c7a;
font-size:10px;
}
.footer-v18-bottom-links{
display:flex;
gap:15px;
align-items:center;
}
.footer-v18-bottom-links a,
.footer-v18-bottom-links span{
color:#8992a0;
text-decoration:none;
font-size:10px;
}
@media(max-width:980px){
.footer-v18-main{grid-template-columns:1fr 1fr}
.footer-v18-contact{grid-column:1/-1}
}
@media(max-width:650px){
.footer-v18{padding-top:52px}
.footer-v18-main{grid-template-columns:1fr;gap:34px}
.footer-v18-menu{grid-template-columns:1fr 1fr}
.footer-v18-contact{grid-column:auto}
.footer-v18-quick-inner{display:block;padding:15px 0}
.footer-v18-quick-links{margin-top:12px;flex-wrap:wrap}
.footer-v18-bottom-inner{display:block;text-align:center;padding:15px 0}
.footer-v18-bottom-links{justify-content:center;margin-top:9px}
}
/* ===== V19 ULTRA CLEAN MODERN FOOTER ===== */
.footer-v19{
position:relative;
background:#0b0f14;
color:#8d96a5;
overflow:hidden;
padding-top:0;
}
.footer-v19:before{
content:"";
position:absolute;
inset:0;
background:
radial-gradient(circle at 8% 10%,rgba(229,9,20,.08),transparent 22%),
radial-gradient(circle at 92% 80%,rgba(72,61,255,.07),transparent 24%);
pointer-events:none;
}
.footer-v19-topline{
height:2px;
background:linear-gradient(90deg,transparent,var(--accent),#7d60ff,transparent);
opacity:.9;
}
.footer-v19-shell{
position:relative;
z-index:2;
display:grid;
grid-template-columns:1.2fr 1fr 1.05fr;
gap:54px;
padding:64px 0 48px;
}
.footer-v19-logo{
display:inline-flex;
align-items:center;
gap:12px;
color:#fff;
text-decoration:none;
}
.footer-v19-logo img{
max-width:215px;
max-height:58px;
object-fit:contain;
}
.footer-v19-logo-icon{
width:44px;
height:44px;
border-radius:14px;
display:grid;
place-items:center;
background:linear-gradient(135deg,#35b87f,#74d665);
color:#fff;
font-size:25px;
font-weight:900;
}
.footer-v19-logo strong{
font-size:23px;
letter-spacing:-.4px;
}
.footer-v19-brand-block>p{
max-width:410px;
margin:20px 0 20px;
line-height:1.8;
font-size:13px;
color:#7e8795;
}
.footer-v19-onair{
width:min(320px,100%);
display:grid;
grid-template-columns:42px 1fr 10px;
gap:11px;
align-items:center;
padding:12px 14px;
border-radius:15px;
background:#11161e;
border:1px solid rgba(255,255,255,.06);
}
.footer-v19-onair-icon{
width:42px;
height:42px;
border-radius:12px;
display:grid;
place-items:center;
background:linear-gradient(135deg,#e50914,#93121c);
color:#fff;
font-size:17px;
}
.footer-v19-onair-text small,
.footer-v19-onair-text strong{display:block}
.footer-v19-onair-text small{
color:#687282;
font-size:7px;
font-weight:900;
letter-spacing:1.25px;
}
.footer-v19-onair-text strong{
margin-top:4px;
color:#fff;
font-size:12px;
}
.footer-v19-onair-dot{
width:8px;
height:8px;
border-radius:50%;
background:#5adb9d;
box-shadow:0 0 0 6px rgba(90,219,157,.08);
}
.footer-v19-nav-block{
display:grid;
grid-template-columns:1fr 1fr;
gap:34px;
}
.footer-v19-eyebrow{
display:block;
color:#ff7b87;
font-size:8px;
font-weight:900;
letter-spacing:1.5px;
}
.footer-v19-column h4,
.footer-v19-contact-title h4{
margin:7px 0 16px;
color:#fff;
font-size:17px;
}
.footer-v19-column a{
display:flex;
align-items:center;
gap:10px;
margin:10px 0;
color:#8d96a5;
text-decoration:none;
font-size:12px;
transition:.2s;
}
.footer-v19-column a span{
color:#535d6c;
font-size:9px;
width:18px;
}
.footer-v19-column a:hover{
color:#fff;
transform:translateX(3px);
}
.footer-v19-column a:hover span{color:var(--accent)}
.footer-v19-contact-block{
border-radius:22px;
background:linear-gradient(145deg,#111720,#0e131b);
border:1px solid rgba(255,255,255,.065);
padding:22px;
box-shadow:0 18px 50px rgba(0,0,0,.2);
}
.footer-v19-contact-title p{
margin:0 0 17px;
color:#7b8594;
font-size:12px;
line-height:1.65;
}
.footer-v19-contact-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:9px;
}
.footer-v19-contact-item,
.footer-v19-location{
display:flex;
align-items:center;
gap:10px;
padding:11px;
border-radius:13px;
background:#0b1017;
border:1px solid rgba(255,255,255,.05);
text-decoration:none;
}
.footer-v19-contact-icon{
width:32px;
height:32px;
border-radius:10px;
display:grid;
place-items:center;
background:#171e29;
color:#fff;
flex:0 0 auto;
}
.footer-v19-contact-item small,
.footer-v19-contact-item strong,
.footer-v19-location small,
.footer-v19-location strong{display:block}
.footer-v19-contact-item small,
.footer-v19-location small{
color:#606b7a;
font-size:7px;
font-weight:900;
letter-spacing:1px;
}
.footer-v19-contact-item strong,
.footer-v19-location strong{
margin-top:3px;
color:#d9dee6;
font-size:9px;
word-break:break-word;
}
.footer-v19-location{margin-top:9px}
.footer-v19-cta{
display:flex;
justify-content:space-between;
align-items:center;
margin-top:12px;
padding:11px 13px;
border-radius:10px;
background:#fff;
color:#11151c;
text-decoration:none;
font-size:11px;
font-weight:900;
}
.footer-v19-cta span{color:var(--accent)}
.footer-v19-social-row{
position:relative;
z-index:2;
min-height:72px;
display:grid;
grid-template-columns:auto auto 1fr;
gap:16px;
align-items:center;
border-top:1px solid rgba(255,255,255,.055);
}
.footer-v19-social-label{
color:#626c7b;
font-size:8px;
font-weight:900;
letter-spacing:1.4px;
}
.footer-v19-socials{
display:flex;
gap:8px;
}
.footer-v19-socials a{
width:36px;
height:36px;
border-radius:10px;
display:grid;
place-items:center;
background:#121822;
border:1px solid rgba(255,255,255,.055);
color:#fff;
text-decoration:none;
transition:.2s;
}
.footer-v19-socials a:hover{
transform:translateY(-2px);
background:#1a2230;
}
.footer-v19-fast{
justify-self:end;
display:flex;
gap:9px;
flex-wrap:wrap;
}
.footer-v19-fast a{
padding:9px 12px;
border-radius:9px;
background:#111720;
border:1px solid rgba(255,255,255,.055);
color:#abb3bf;
text-decoration:none;
font-size:9px;
font-weight:800;
}
.footer-v19-bottom{
position:relative;
z-index:2;
border-top:1px solid rgba(255,255,255,.05);
background:#080b10;
}
.footer-v19-bottom-inner{
min-height:52px;
display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
}
.footer-v19-bottom-inner>span{
color:#5f6876;
font-size:9px;
}
.footer-v19-bottom-inner>div{
display:flex;
gap:14px;
align-items:center;
}
.footer-v19-bottom-inner a,
.footer-v19-bottom-inner div span{
color:#87909e;
font-size:9px;
text-decoration:none;
}
@media(max-width:1050px){
.footer-v19-shell{grid-template-columns:1fr 1fr}
.footer-v19-contact-block{grid-column:1/-1}
}
@media(max-width:720px){
.footer-v19-shell{grid-template-columns:1fr;gap:34px;padding-top:50px}
.footer-v19-contact-block{grid-column:auto}
.footer-v19-contact-grid{grid-template-columns:1fr}
.footer-v19-social-row{grid-template-columns:1fr;gap:12px;padding:15px 0}
.footer-v19-fast{justify-self:start}
.footer-v19-bottom-inner{display:block;text-align:center;padding:14px 0}
.footer-v19-bottom-inner>div{justify-content:center;margin-top:8px}
}
/* ===== SUBPAGE FIX 2026-08 ===== */
/* Desktop menüde active item yüzünden oluşan dikey scrollbar'ı kapatır. */
.nav-links,
.modern-nav .nav-links{
overflow-x:auto!important;
overflow-y:hidden!important;
scrollbar-width:none;
}
.nav-links::-webkit-scrollbar,
.modern-nav .nav-links::-webkit-scrollbar{display:none}
/* İç sayfalarda menü yüksekliği ve active öğe taşmasını dengeler. */
.modern-nav .nav-links{height:70px;min-height:70px}
.modern-nav .nav-links a{display:flex;align-items:center;height:40px}
.modern-nav .nav-links a:after{bottom:-15px}
.modern-nav .nav-links a.active{padding:10px 12px}
/* İç sayfaları daha dolu ve modern gösterir. */
.inner-hero,.page-hero{padding:62px 0}
.inner-hero .wrap,.page-hero .wrap{position:relative}
.inner-hero h1,.page-hero h1{font-size:44px;line-height:1.08;letter-spacing:-1.2px}
.inner-hero p,.page-hero p{max-width:650px;line-height:1.7}
.modern-dj-section.section{padding:64px 0 72px}
.dj-page-grid{align-items:stretch}
.dj-page-card{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.dj-page-card a{margin-top:auto}
@media(max-width:720px){
.modern-nav .nav-links{height:60px;min-height:60px}
.inner-hero,.page-hero{padding:46px 0}
.inner-hero h1,.page-hero h1{font-size:34px}
}
/* ===== V20 MODERN INNER PAGES ===== */
.subpage{background:#f5f7fa;color:#121722}
.subpage-nav{position:sticky;top:0;z-index:90;box-shadow:0 8px 30px rgba(0,0,0,.08)}
.subhero{position:relative;overflow:hidden;background:
radial-gradient(circle at 80% 20%,rgba(229,9,20,.16),transparent 30%),
linear-gradient(125deg,#0c1018,#171018 60%,#251016);color:#fff;padding:78px 0}
.subhero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:44px 44px;opacity:.35}
.subhero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center}
.sub-kicker{display:inline-flex;padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.09);color:#ff8a94;font-size:9px;letter-spacing:1.5px;font-weight:900}
.subhero h1{font-size:52px;line-height:1.03;letter-spacing:-2px;margin:15px 0 14px}.subhero p{max-width:650px;color:#aeb6c4;font-size:16px;line-height:1.75;margin:0}
.subhero-actions{display:flex;gap:10px;margin-top:25px}.primary-action,.ghost-action{padding:12px 16px;border-radius:11px;text-decoration:none;font-size:12px;font-weight:900}.primary-action{background:var(--accent);color:#fff}.ghost-action{background:#ffffff0a;border:1px solid #ffffff12;color:#fff}
.subhero-statbox{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;background:#ffffff08;border:1px solid #ffffff0b;border-radius:22px;padding:15px;backdrop-filter:blur(10px)}
.subhero-statbox div{background:#0e131bcc;border:1px solid #ffffff08;border-radius:16px;padding:20px 12px;text-align:center}.subhero-statbox b,.subhero-statbox span{display:block}.subhero-statbox b{font-size:24px;color:#fff}.subhero-statbox span{margin-top:6px;color:#7e8796;font-size:9px}
.page-section-soft{background:#f5f7fa}.page-section-head{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:30px}.page-section-head>div>span{font-size:9px;color:var(--accent);font-weight:900;letter-spacing:1.5px}.page-section-head h2{font-size:36px;letter-spacing:-1.2px;margin:8px 0 0}.page-section-head>p{max-width:480px;color:#707988;font-size:13px;line-height:1.6;margin:0}
.modern-person-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.modern-person-card{background:#fff;border:1px solid #e7ebf0;border-radius:23px;overflow:hidden;box-shadow:0 14px 38px #0000000a;transition:.25s}.modern-person-card:hover{transform:translateY(-5px);box-shadow:0 22px 50px #00000016}.person-cover{height:180px;background:linear-gradient(145deg,#151b26,#262d3b);display:grid;place-items:center;position:relative}.person-live{position:absolute;left:14px;top:14px;background:#12221a;color:#5bdb96;border-radius:999px;padding:6px 9px;font-size:8px;font-weight:900}.person-avatar{width:115px;height:115px;border-radius:31px;background:#fff;display:grid;place-items:center;font-size:45px;overflow:hidden;box-shadow:0 14px 30px #0005}.person-avatar img{width:100%;height:100%;object-fit:cover}.person-body{padding:20px}.person-body small{color:var(--accent);font-size:8px;font-weight:900;letter-spacing:1px}.person-body h3{font-size:21px;margin:7px 0}.person-body p{font-size:12px;color:#707987;min-height:32px}.person-body a{font-size:11px;color:#111722;font-weight:900;text-decoration:none}
.page-dark-band{background:#0c1118;color:#fff}.page-dark-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:45px;align-items:center}.page-dark-grid h2{font-size:36px;letter-spacing:-1.2px;margin:12px 0}.page-dark-grid p{color:#8791a0;line-height:1.7}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.benefit-grid>div{background:#121924;border:1px solid #ffffff08;border-radius:16px;padding:18px}.benefit-grid b,.benefit-grid strong,.benefit-grid span{display:block}.benefit-grid b{font-size:22px}.benefit-grid strong{font-size:13px;margin:10px 0 5px}.benefit-grid span{font-size:10px;color:#7d8796;line-height:1.5}.wide-benefits{max-width:980px;margin:auto}
.feature-news-section{background:#fff}.featured-news-modern{display:grid;grid-template-columns:1.05fr .95fr;min-height:380px;border:1px solid #e7ebf0;border-radius:26px;overflow:hidden;background:#fff;text-decoration:none;color:#111722;box-shadow:0 20px 55px #0000000c}.featured-news-image{background:linear-gradient(135deg,#181d27,#7a131c);background-size:cover;background-position:center;position:relative}.featured-news-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#07090ca8,transparent 70%)}.featured-news-image span{position:absolute;z-index:2;left:20px;bottom:20px;background:var(--accent);color:#fff;padding:8px 11px;border-radius:9px;font-size:9px;font-weight:900}.featured-news-copy{padding:42px;display:flex;flex-direction:column;justify-content:center}.featured-news-copy small{font-size:9px;color:#8b94a1;font-weight:800}.featured-news-copy h2{font-size:33px;line-height:1.1;margin:12px 0}.featured-news-copy p{color:#6e7785;line-height:1.7}.featured-news-copy b{margin-top:13px;color:var(--accent);font-size:12px}
.news-page-modern-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.news-card-v20{background:#fff;border:1px solid #e7ebf0;border-radius:20px;overflow:hidden;box-shadow:0 12px 35px #0000000a}.news-v20-image{height:210px;background:linear-gradient(135deg,#1a202b,#74151d);background-size:cover;background-position:center;display:block;position:relative}.news-v20-image span{position:absolute;left:14px;bottom:14px;background:#0d1118dd;color:#fff;border-radius:8px;padding:7px 9px;font-size:8px;font-weight:900}.news-v20-body{padding:19px}.news-v20-body small{color:#929ba8;font-size:9px}.news-v20-body h3{font-size:19px;line-height:1.3;margin:8px 0}.news-v20-body h3 a{color:#111722;text-decoration:none}.news-v20-body p{color:#727b89;font-size:12px;line-height:1.6}.news-v20-body>a{color:var(--accent);font-size:11px;font-weight:900;text-decoration:none}
.page-cta-strip{background:#fff;padding:40px 0}.page-cta-strip .wrap{display:flex;justify-content:space-between;align-items:center;gap:25px;background:linear-gradient(135deg,#111722,#1e2634);border-radius:23px;padding:28px 32px;color:#fff}.page-cta-strip span{font-size:8px;color:#ff7f8a;font-weight:900;letter-spacing:1.4px}.page-cta-strip h2{font-size:24px;margin:6px 0 0}.page-cta-strip a{background:#fff;color:#111722;padding:11px 15px;border-radius:10px;text-decoration:none;font-size:11px;font-weight:900}
.top5-page-section{background:#f5f7fa}.top5-page-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:24px}.top5-page-visual{background:linear-gradient(150deg,#15121a,#0d121a);color:#fff;border-radius:27px;padding:35px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.top5-page-visual>span{font-size:9px;color:#ff7e8a;letter-spacing:1.4px;font-weight:900}.top5-disc{width:220px;height:220px;border-radius:50%;background:repeating-radial-gradient(circle,#151515 0 4px,#070707 5px 8px);display:grid;place-items:center;margin:28px 0;box-shadow:0 25px 50px #0008}.top5-disc>div{width:65px;height:65px;border-radius:50%;background:var(--accent);display:grid;place-items:center;font-size:24px}.top5-page-visual h2{margin:0;font-size:30px}.top5-page-visual p{color:#7e8795;font-size:11px}.top5-page-list{display:grid;gap:11px}.top5-page-row{display:grid;grid-template-columns:48px 60px 1fr 280px;gap:14px;align-items:center;background:#fff;border:1px solid #e7ebf0;border-radius:17px;padding:13px 16px;box-shadow:0 8px 25px #00000008}.top5-num{font-size:18px;color:#7a8493;font-weight:900}.top5-page-row:first-child .top5-num{color:var(--accent)}.top5-cover{width:54px;height:54px;border-radius:14px;background:#181e29;display:grid;place-items:center;color:#fff;overflow:hidden}.top5-cover img{width:100%;height:100%;object-fit:cover}.top5-copy strong,.top5-copy span{display:block}.top5-copy strong{font-size:14px}.top5-copy span{font-size:10px;color:#7d8694;margin-top:5px}.top5-page-row audio{width:100%;height:36px}.top5-noaudio{justify-self:end;color:#a5abb4}.cta-mini-card{background:#121924;border:1px solid #ffffff08;border-radius:17px;padding:18px;display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center}.cta-mini-card>b{width:44px;height:44px;border-radius:13px;background:var(--accent);display:grid;place-items:center}.cta-mini-card strong,.cta-mini-card span{display:block}.cta-mini-card strong{font-size:13px}.cta-mini-card span{font-size:10px;color:#7d8796;margin-top:4px}.cta-mini-card a{color:#fff;font-size:11px;font-weight:900;text-decoration:none}
.tv-page-section{background:#fff}.tv-v20-shell{display:grid;grid-template-columns:1fr 340px;border-radius:27px;overflow:hidden;background:#0c1118;box-shadow:0 22px 60px #0002}.tv-v20-screen{min-height:560px;position:relative;background:radial-gradient(circle,#202838,#080b10);display:grid;place-items:center}.tv-v20-screen iframe{width:100%;height:100%;min-height:560px;border:0}.tv-v20-placeholder{text-align:center;color:#fff}.tv-v20-placeholder>span{width:80px;height:80px;border-radius:50%;background:var(--accent);display:grid;place-items:center;margin:auto;font-size:25px;box-shadow:0 0 0 15px #ffffff0d}.tv-v20-placeholder h3{font-size:24px;margin:25px 0 7px}.tv-v20-placeholder p{color:#7f8998}.tv-v20-list{padding:14px;background:#111720;display:flex;flex-direction:column;gap:9px;max-height:560px;overflow:auto}.tv-v20-channel{display:grid!important;grid-template-columns:54px 1fr 20px!important;gap:11px!important;align-items:center!important;border-radius:14px!important;padding:10px!important;background:#171e29!important;border:1px solid #ffffff07!important}.tv-v20-channel>span{width:50px;height:50px;border-radius:11px;background:#fff;display:grid;place-items:center;color:#111;overflow:hidden}.tv-v20-channel img{width:100%;height:100%;object-fit:contain}.tv-v20-channel div{text-align:left}.tv-v20-channel b,.tv-v20-channel small{display:block;color:#fff}.tv-v20-channel small{color:#59d999;font-size:8px;margin-top:4px}.tv-v20-channel i{color:#788291;font-style:normal}
.video-page-v20{background:#f5f7fa}.video-v20-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.video-v20-card{background:#fff;border:1px solid #e7ebf0;border-radius:23px;overflow:hidden;box-shadow:0 15px 40px #0000000b}.video-v20-player{height:330px;background:#090c12}.video-v20-player iframe,.video-v20-player video{width:100%;height:100%;border:0;object-fit:cover}.video-v20-empty{height:100%;background:linear-gradient(135deg,#171d28,#71151d);background-size:cover;background-position:center;display:grid;place-items:center;align-content:center;color:#fff;gap:10px}.video-v20-empty>span{width:65px;height:65px;border-radius:50%;background:#fff;color:var(--accent);display:grid;place-items:center}.video-v20-info{padding:20px}.video-v20-info small{color:var(--accent);font-size:8px;font-weight:900;letter-spacing:1.2px}.video-v20-info h3{font-size:21px;margin:7px 0}.video-v20-info p{font-size:12px;color:#737c89;line-height:1.6}
.application-v20,.contact-v20{background:#f5f7fa}.application-v20-grid,.contact-v20-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:start}.application-copy h2,.contact-v20-info h2{font-size:39px;letter-spacing:-1.4px;margin:12px 0}.application-copy>p,.contact-v20-info>p{color:#6f7886;line-height:1.8}.application-benefits{display:grid;gap:11px;margin-top:25px}.application-benefits>div{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid #e6eaf0;border-radius:15px;padding:15px}.application-benefits>b{}.application-benefits>div>b{width:40px;height:40px;border-radius:11px;background:#111722;color:#fff;display:grid;place-items:center;font-size:10px}.application-benefits strong,.application-benefits span{display:block}.application-benefits strong{font-size:13px}.application-benefits span{font-size:10px;color:#7b8492;margin-top:4px}.form-card-v20{border-radius:23px;padding:28px;box-shadow:0 18px 50px #00000010}.form-card-head>span{color:var(--accent);font-size:8px;letter-spacing:1.2px;font-weight:900}.form-card-head h2{font-size:26px;margin:7px 0 20px}.form-card-v20 input,.form-card-v20 textarea{background:#f7f9fb}.submit-v20{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:4px}
.contact-info-list{display:grid;gap:11px;margin-top:24px}.contact-info-list>a,.contact-info-list>div{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid #e6eaf0;border-radius:15px;padding:14px;text-decoration:none}.contact-info-list>b{}.contact-info-list>a>b,.contact-info-list>div>b{width:42px;height:42px;border-radius:12px;background:#111722;color:#fff;display:grid;place-items:center}.contact-info-list small,.contact-info-list strong{display:block}.contact-info-list small{font-size:8px;color:#8a93a0;font-weight:900;letter-spacing:1px}.contact-info-list strong{font-size:12px;color:#171c25;margin-top:4px}.contact-mini-note{display:flex;gap:12px;margin-top:18px;padding:17px;background:#111722;border-radius:16px;color:#fff}.contact-mini-note>span{color:#59db99}.contact-mini-note strong,.contact-mini-note p{display:block}.contact-mini-note strong{font-size:12px}.contact-mini-note p{font-size:10px;color:#7e8795;margin:4px 0 0}.quick-link-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.quick-link-cards a{background:#fff;border:1px solid #e7ebf0;border-radius:17px;padding:19px;text-decoration:none;color:#111722;box-shadow:0 9px 28px #00000008}.quick-link-cards b,.quick-link-cards strong,.quick-link-cards span{display:block}.quick-link-cards b{font-size:22px}.quick-link-cards strong{font-size:13px;margin:10px 0 5px}.quick-link-cards span{font-size:10px;color:#77808e}
@media(max-width:1050px){.subhero-grid{grid-template-columns:1fr}.subhero-statbox{max-width:620px}.modern-person-grid{grid-template-columns:repeat(2,1fr)}.featured-news-modern{grid-template-columns:1fr}.featured-news-image{min-height:320px}.news-page-modern-grid{grid-template-columns:1fr 1fr}.page-dark-grid{grid-template-columns:1fr}.top5-page-layout{grid-template-columns:1fr}.tv-v20-shell{grid-template-columns:1fr}.tv-v20-list{max-height:none;display:grid;grid-template-columns:1fr 1fr}.video-v20-grid{grid-template-columns:1fr}.application-v20-grid,.contact-v20-grid{grid-template-columns:1fr}.quick-link-cards{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.subhero{padding:58px 0}.subhero h1{font-size:38px}.subhero-statbox{grid-template-columns:1fr}.page-section-head{display:block}.page-section-head>p{margin-top:12px}.modern-person-grid,.news-page-modern-grid,.quick-link-cards{grid-template-columns:1fr}.benefit-grid{grid-template-columns:1fr}.page-cta-strip .wrap{display:block}.page-cta-strip a{display:inline-block;margin-top:16px}.top5-page-row{grid-template-columns:40px 50px 1fr}.top5-page-row audio{grid-column:1/-1}.tv-v20-list{grid-template-columns:1fr}.video-v20-player{height:260px}.footer-v19{}}
/* ===== V22 INNER PAGE POLISH + ANNOUNCEMENTS ===== */
html,body{min-height:100%}
body.subpage{min-height:100vh;display:flex;flex-direction:column}
body.subpage>.rs-footer,body.subpage>.footer-v19,body.subpage>footer{margin-top:auto}
.modern-ticker .ticker-label small{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#111722;color:#fff;font-size:8px;margin-left:4px}
.modern-ticker .ticker-marquee{animation-duration:28s}
.modern-ticker .ticker-marquee span{padding-right:14px}
.page-extra-showcase{background:#fff;padding-top:68px;padding-bottom:78px}
.experience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.experience-grid a{min-height:180px;padding:22px;border:1px solid #e8ecf1;border-radius:20px;background:linear-gradient(180deg,#fff,#fafbfd);text-decoration:none;color:#111722;box-shadow:0 11px 30px #00000008;transition:.25s}
.experience-grid a:hover{transform:translateY(-5px);box-shadow:0 20px 45px #00000012;border-color:#e5091426}
.experience-grid b{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:#111722;color:#fff;font-size:13px}
.experience-grid span{display:block;font-size:16px;font-weight:900;margin:18px 0 8px}
.experience-grid p{font-size:11px;line-height:1.65;color:#747d8b;margin:0}
.application-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.application-steps>div{position:relative;padding:24px;border-radius:20px;background:#111722;color:#fff;overflow:hidden}
.application-steps>div:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;background:#e5091413;right:-30px;top:-35px}
.application-steps b,.application-steps strong,.application-steps span{display:block;position:relative;z-index:2}
.application-steps b{font-size:28px;color:#ff6672}.application-steps strong{font-size:16px;margin:20px 0 7px}.application-steps span{font-size:11px;color:#8d97a6;line-height:1.6}
.subpage .section{flex:0 0 auto}
@media(max-width:1050px){.experience-grid{grid-template-columns:1fr 1fr}.application-steps{grid-template-columns:1fr}}
@media(max-width:650px){.experience-grid{grid-template-columns:1fr}.page-extra-showcase{padding:55px 0}.modern-ticker .ticker-marquee{animation-duration:22s}}
/* ===== V24 PROGRAMCILAR PAGE REDESIGN ===== */
.programmers-hero{
background:
radial-gradient(circle at 82% 20%,rgba(255,57,96,.17),transparent 26%),
radial-gradient(circle at 16% 88%,rgba(88,60,255,.12),transparent 30%),
linear-gradient(130deg,#0a0f17,#13121b 60%,#221018);
}
.programmers-hero-panel{
background:rgba(12,16,24,.72);
border:1px solid rgba(255,255,255,.08);
border-radius:24px;
padding:22px;
box-shadow:0 25px 70px rgba(0,0,0,.32);
backdrop-filter:blur(14px);
}
.hero-team-head{display:flex;justify-content:space-between;gap:15px;align-items:center}
.hero-team-head span{font-size:8px;color:#ff8792;font-weight:900;letter-spacing:1.4px}
.hero-team-head strong{font-size:12px;color:#fff}
.hero-team-stack{display:flex;margin:23px 0 24px}
.hero-team-avatar{width:66px;height:66px;border-radius:20px;background:#202633;border:4px solid #0f141c;display:grid;place-items:center;font-size:25px;overflow:hidden;margin-left:-10px;box-shadow:0 10px 25px #0005}
.hero-team-avatar:first-child{margin-left:0}.hero-team-avatar img{width:100%;height:100%;object-fit:cover}
.hero-team-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.hero-team-stats div{background:#ffffff06;border:1px solid #ffffff08;border-radius:14px;padding:14px;text-align:center}
.hero-team-stats b,.hero-team-stats span{display:block}.hero-team-stats b{font-size:18px;color:#fff}.hero-team-stats span{font-size:8px;color:#7f8998;margin-top:4px}
.programmers-main-section{background:#f5f7fa}
.programmers-grid-v24{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.programmer-card-v24{position:relative;background:#fff;border:1px solid #e7ebf0;border-radius:24px;padding:18px;box-shadow:0 14px 40px #0000000b;transition:.25s;overflow:hidden}
.programmer-card-v24:before{content:"";position:absolute;width:150px;height:150px;border-radius:50%;background:#e5091408;right:-70px;top:-70px}
.programmer-card-v24:hover{transform:translateY(-6px);box-shadow:0 22px 55px #00000016}
.programmer-card-top{display:flex;justify-content:space-between;gap:10px;align-items:center;position:relative;z-index:2}
.programmer-badge,.programmer-status{font-size:7px;font-weight:900;letter-spacing:1px}
.programmer-badge{color:#7b8492}.programmer-status{color:#43b97a}
.programmer-avatar-v24{width:120px;height:120px;border-radius:32px;background:linear-gradient(145deg,#171d27,#303847);display:grid;place-items:center;font-size:46px;margin:24px auto 20px;overflow:hidden;box-shadow:0 18px 35px #0003}
.programmer-avatar-v24 img{width:100%;height:100%;object-fit:cover}
.programmer-card-body{text-align:center;position:relative;z-index:2}
.programmer-card-body>small{font-size:8px;color:var(--accent);font-weight:900;letter-spacing:1.2px}
.programmer-card-body h3{font-size:22px;margin:7px 0 5px}.programmer-card-body p{font-size:11px;color:#737c89;min-height:34px}
.programmer-meta{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:15px 0}
.programmer-meta span{padding:7px 9px;border-radius:999px;background:#f3f5f8;color:#6e7785;font-size:8px;font-weight:800}
.programmer-request-btn{display:flex;justify-content:space-between;align-items:center;background:#111722;color:#fff;text-decoration:none;padding:11px 13px;border-radius:11px;font-size:10px;font-weight:900}
.programmer-request-btn span{color:#ff7f8a}
.programmer-feature-band{background:linear-gradient(135deg,#0c1118,#15121b);color:#fff}
.light-page-head h2{color:#fff}.light-page-head>p{color:#8b95a4}.light-page-head>div>span{color:#ff7d89}
.programmer-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.programmer-feature-grid a{position:relative;overflow:hidden;min-height:245px;padding:24px;border-radius:21px;background:linear-gradient(145deg,#121925,#0f151f);border:1px solid #ffffff08;text-decoration:none;color:#fff;transition:.25s}
.programmer-feature-grid a:hover{transform:translateY(-5px);border-color:#ffffff14}
.feature-number{position:absolute;right:17px;top:15px;color:#2d3542;font-size:34px;font-weight:900}
.feature-symbol{width:50px;height:50px;border-radius:14px;background:linear-gradient(135deg,var(--accent),#7e1720);display:grid;place-items:center;font-size:20px}
.programmer-feature-grid h3{font-size:19px;margin:20px 0 9px}.programmer-feature-grid p{font-size:11px;color:#8993a2;line-height:1.65;max-width:270px}
.programmer-feature-grid a>span{display:block;margin-top:18px;font-size:10px;font-weight:900;color:#fff}
.programmer-showcase-section{background:#fff}
.programmer-showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}
.programmer-showcase-copy h2{font-size:40px;letter-spacing:-1.5px;margin:12px 0}.programmer-showcase-copy>p{color:#6f7886;line-height:1.8;max-width:590px}
.dark-kicker{background:#f5f6f8!important;color:var(--accent)!important;border-color:#eceff3!important}
.programmer-showcase-points{display:grid;gap:10px;margin:24px 0}.programmer-showcase-points div{display:flex;align-items:center;gap:10px}.programmer-showcase-points b{width:28px;height:28px;border-radius:9px;background:#111722;color:#fff;display:grid;place-items:center;font-size:10px}.programmer-showcase-points span{font-size:12px;color:#3f4652}
.programmer-apply-btn{display:inline-flex;gap:12px;align-items:center;padding:12px 16px;border-radius:11px;background:var(--accent);color:#fff;text-decoration:none;font-size:11px;font-weight:900}
.programmer-showcase-card{background:linear-gradient(145deg,#111722,#0d1219);color:#fff;border-radius:26px;padding:24px;box-shadow:0 24px 65px #0003}
.showcase-card-head{display:flex;justify-content:space-between;align-items:center}.showcase-card-head span{font-size:8px;letter-spacing:1.2px;color:#7d8796;font-weight:900}.showcase-card-head b{font-size:18px}
.showcase-equalizer{height:160px;display:flex;align-items:end;gap:8px;margin:28px 0}.showcase-equalizer i{flex:1;border-radius:8px 8px 2px 2px;background:linear-gradient(var(--accent),#43131a);height:35%;animation:programmerWave 1.5s infinite ease-in-out}.showcase-equalizer i:nth-child(2n){height:70%;animation-delay:.1s}.showcase-equalizer i:nth-child(3n){height:92%;animation-delay:.2s}.showcase-equalizer i:nth-child(4n){height:52%;animation-delay:.3s}
@keyframes programmerWave{50%{transform:scaleY(.48);opacity:.72}}
.showcase-card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.showcase-card-stats div{padding:13px;border-radius:13px;background:#ffffff06;text-align:center}.showcase-card-stats strong,.showcase-card-stats span{display:block}.showcase-card-stats strong{font-size:16px}.showcase-card-stats span{font-size:8px;color:#7c8695;margin-top:4px}
.programmers-bottom-links{background:#f5f7fa}
@media(max-width:1050px){
.programmers-grid-v24{grid-template-columns:repeat(2,1fr)}
.programmer-feature-grid{grid-template-columns:1fr}
.programmer-showcase-grid{grid-template-columns:1fr}
}
@media(max-width:650px){
.programmers-grid-v24{grid-template-columns:1fr}
.hero-team-stats{grid-template-columns:1fr}
.programmer-showcase-copy h2{font-size:32px}
}
/* ===== V25 PROGRAMCILAR BAŞLIK / ARKA PLAN DÜZELTMESİ ===== */
/* Genel .section beyaz arka plan kuralı bu alanı eziyordu. */
.section.programmer-feature-band{
background:
radial-gradient(circle at 8% 12%,rgba(229,9,20,.12),transparent 24%),
radial-gradient(circle at 92% 80%,rgba(91,65,255,.10),transparent 28%),
linear-gradient(135deg,#0b1017,#111824)!important;
color:#fff!important;
padding-top:78px;
padding-bottom:78px;
}
.section.programmer-feature-band .light-page-head h2{
color:#fff!important;
background:none!important;
-webkit-text-fill-color:#fff!important;
text-shadow:none!important;
}
.section.programmer-feature-band .light-page-head>p{
color:#9aa5b5!important;
}
.section.programmer-feature-band .light-page-head>div>span{
color:#ff7d89!important;
}
.section.programmer-feature-band .programmer-feature-grid a{
background:linear-gradient(145deg,#121925,#0d141e)!important;
border-color:rgba(255,255,255,.08)!important;
}
@media(max-width:650px){
.section.programmer-feature-band{
padding-top:58px;
padding-bottom:58px;
}
}
/* ===== V28 TOP 5 OKUNAKLILIK DÜZELTMESİ ===== */
.top5-subhero h1{color:#fff!important;-webkit-text-fill-color:#fff!important}
.top5-subhero p{color:#b7c0cd!important}
.top5-page-visual{color:#fff!important}
.top5-page-visual h2{color:#fff!important;-webkit-text-fill-color:#fff!important}
.top5-page-visual p{color:#a4aebd!important}
.top5-page-visual>span{color:#ff8b95!important}
.top5-page-row{background:#fff!important;color:#151b25!important}
.top5-copy strong{color:#151b25!important;font-size:15px!important}
.top5-copy span{color:#667180!important;font-size:11px!important}
.top5-num{color:#657081!important}
.top5-page-row:first-child .top5-num{color:var(--accent)!important}
.page-dark-band .cta-mini-card strong{color:#fff!important}
.page-dark-band .cta-mini-card span{color:#9ba6b5!important}
.page-dark-band h2{color:#fff!important;-webkit-text-fill-color:#fff!important}
.page-dark-band p{color:#9aa5b4!important}
/* ===== V29 TOP 5 CTA BAŞLIK OKUNAKLILIK ===== */
.top5-page-section + .page-dark-band,
body.subpage .page-dark-band{
background:
radial-gradient(circle at 80% 20%,rgba(229,9,20,.13),transparent 26%),
linear-gradient(135deg,#0b1017,#111824)!important;
}
body.subpage .page-dark-band .sub-kicker{
color:#ff8792!important;
background:rgba(255,255,255,.07)!important;
border-color:rgba(255,255,255,.09)!important;
}
body.subpage .page-dark-band h2{
color:#ffffff!important;
-webkit-text-fill-color:#ffffff!important;
background:none!important;
text-shadow:none!important;
opacity:1!important;
}
body.subpage .page-dark-band p{
color:#a7b1c0!important;
opacity:1!important;
}
body.subpage .page-dark-band .cta-mini-card{
background:#151d29!important;
border:1px solid rgba(255,255,255,.08)!important;
}
body.subpage .page-dark-band .cta-mini-card strong{
color:#ffffff!important;
}
body.subpage .page-dark-band .cta-mini-card span{
color:#9da8b7!important;
}
body.subpage .page-dark-band .cta-mini-card a{
color:#ffffff!important;
}
/* ===== V30 TV.PHP OKUNAKLILIK DÜZELTMESİ ===== */
/* TV sayfasındaki Tek Ekran / Hızlı Geçiş / Canlı İçerik kartları */
body.subpage .wide-benefits > div{
background:linear-gradient(145deg,#111824,#151d29)!important;
border:1px solid rgba(255,255,255,.08)!important;
color:#fff!important;
box-shadow:0 12px 30px rgba(16,23,34,.10);
}
body.subpage .wide-benefits > div b{
color:#ffcc45!important;
font-size:24px!important;
}
body.subpage .wide-benefits > div strong{
color:#ffffff!important;
font-size:14px!important;
opacity:1!important;
}
body.subpage .wide-benefits > div span{
color:#a7b2c1!important;
font-size:11px!important;
opacity:1!important;
}
body.subpage .wide-benefits > div:hover{
transform:translateY(-3px);
border-color:rgba(229,9,20,.22)!important;
}
/* Alt bölümdeki TV & RADYO başlığı */
body.subpage .page-extra-showcase .page-section-head > div > span,
body.subpage .page-section-soft .page-section-head > div > span{
color:#e50914!important;
opacity:1!important;
}
body.subpage .page-extra-showcase .page-section-head h2,
body.subpage .page-section-soft .page-section-head h2{
color:#151b25!important;
-webkit-text-fill-color:#151b25!important;
opacity:1!important;
}
body.subpage .page-extra-showcase .page-section-head p,
body.subpage .page-section-soft .page-section-head p{
color:#6f7988!important;
opacity:1!important;
}
/* ===== V31 TV.PHP GERÇEK OKUNAKLILIK DÜZELTMESİ ===== */
/* Önceki düzeltmede body.subpage seçicisi çalışmıyordu.
Bu kurallar doğrudan TV bölümündeki sınıfları hedefler. */
.section.page-section-soft .benefit-grid.wide-benefits > div{
background:linear-gradient(145deg,#111824,#151d29)!important;
border:1px solid rgba(255,255,255,.09)!important;
color:#ffffff!important;
box-shadow:0 14px 34px rgba(11,16,23,.14)!important;
}
.section.page-section-soft .benefit-grid.wide-benefits > div b{
color:#ffcc45!important;
-webkit-text-fill-color:#ffcc45!important;
font-size:25px!important;
opacity:1!important;
}
.section.page-section-soft .benefit-grid.wide-benefits > div strong{
color:#ffffff!important;
-webkit-text-fill-color:#ffffff!important;
font-size:15px!important;
font-weight:800!important;
opacity:1!important;
text-shadow:none!important;
}
.section.page-section-soft .benefit-grid.wide-benefits > div span{
color:#b7c1cf!important;
-webkit-text-fill-color:#b7c1cf!important;
font-size:12px!important;
opacity:1!important;
line-height:1.55!important;
}
/* TV & RADYO bölüm başlığı */
.section.page-extra-showcase .page-section-head > div > span{
color:#e50914!important;
-webkit-text-fill-color:#e50914!important;
opacity:1!important;
}
.section.page-extra-showcase .page-section-head h2{
color:#151b25!important;
-webkit-text-fill-color:#151b25!important;
background:none!important;
opacity:1!important;
}
.section.page-extra-showcase .page-section-head > p{
color:#667180!important;
-webkit-text-fill-color:#667180!important;
opacity:1!important;
}
/* TV alt keşfet kartlarında da yazıları garanti altına al */
.section.page-extra-showcase .experience-grid a span{
color:#151b25!important;
-webkit-text-fill-color:#151b25!important;
opacity:1!important;
}
.section.page-extra-showcase .experience-grid a p{
color:#6f7988!important;
-webkit-text-fill-color:#6f7988!important;
opacity:1!important;
}
/* ===== V32 FULL MOBILE RESPONSIVE ===== */
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{overflow-x:hidden}
img,video,iframe{max-width:100%}
img{height:auto}
.wrap{width:min(1380px,calc(100% - 40px));margin-left:auto;margin-right:auto}
.mobile-nav-toggle{display:none}
.main-nav .nav-links{flex-wrap:wrap}
button,a,input,select,textarea{touch-action:manipulation}
input,select,textarea{max-width:100%}
/* Tablets */
@media(max-width:1024px){
.wrap{width:min(100% - 32px,960px)}
.hero-grid,.subhero-grid,.footer-v19-shell,.footer-v18-main,.footer-v17-top{grid-template-columns:1fr!important}
.programmers-grid-v24,.modern-person-grid,.news-page-modern-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.combo-grid,.top5-page-layout,.application-v20-grid,.contact-v20-grid,.programmer-showcase-grid{grid-template-columns:1fr!important}
.tv-v20-shell{grid-template-columns:1fr!important}
}
/* Mobile nav */
@media(max-width:820px){
.mobile-nav-toggle{
display:flex;position:fixed;right:16px;top:14px;z-index:120;
width:44px;height:44px;border:0;border-radius:12px;
align-items:center;justify-content:center;
background:#0d1219;color:#fff;font-size:21px;
box-shadow:0 10px 28px rgba(0,0,0,.22)
}
.main-nav{
position:fixed!important;top:0;left:0;right:0;z-index:110;
transform:translateY(-110%);transition:.25s ease;
padding-top:68px!important;background:#090d13!important;
max-height:100vh;overflow:auto
}
.main-nav.is-open{transform:translateY(0)}
.main-nav .nav-links{
display:grid!important;grid-template-columns:1fr!important;
width:min(100% - 28px,560px)!important;margin:auto!important;
gap:6px!important;padding:10px 0 22px!important
}
.main-nav .nav-links a{
display:block!important;padding:13px 14px!important;border-radius:10px!important;
font-size:13px!important
}
.modern-ticker{margin-top:0}
}
/* Phones */
@media(max-width:640px){
.wrap{width:calc(100% - 24px)}
.section{padding-left:0!important;padding-right:0!important}
.subhero{padding:52px 0!important}
.subhero h1,.hero h1{font-size:34px!important;line-height:1.08!important;letter-spacing:-1px!important}
.subhero p,.hero p{font-size:14px!important}
.subhero-statbox{grid-template-columns:1fr!important}
.programmers-grid-v24,.modern-person-grid,.news-page-modern-grid,.experience-grid,.quick-link-cards{grid-template-columns:1fr!important}
.programmer-feature-grid,.benefit-grid,.application-steps{grid-template-columns:1fr!important}
.video-v20-grid,.combo-video-small-grid{grid-template-columns:1fr!important}
.top5-page-row{grid-template-columns:38px 48px 1fr!important}
.top5-page-row audio{grid-column:1/-1!important;width:100%!important}
.tv-v20-list{grid-template-columns:1fr!important}
.tv-v20-screen,.tv-v20-screen iframe{min-height:320px!important}
.video-v20-player{height:230px!important}
.page-section-head{display:block!important}
.page-section-head h2{font-size:29px!important}
.page-section-head>p{margin-top:10px!important}
.form-two{grid-template-columns:1fr!important}
.footer-v19-shell,.footer-v18-main,.footer-v17-top,.rs-footer-main{grid-template-columns:1fr!important}
.rs-features{grid-template-columns:1fr!important}
.footer-v19-social-row,.rs-footer-bottom{grid-template-columns:1fr!important}
.footer-v19-fast,.rs-footer-bottom>div{justify-self:start!important}
}
/* Very small phones */
@media(max-width:390px){
.wrap{width:calc(100% - 18px)}
.subhero h1,.hero h1{font-size:30px!important}
.primary-action,.ghost-action{width:100%;text-align:center}
.subhero-actions{display:grid!important;grid-template-columns:1fr!important}
}
/* ===== V34 TAM MOBIL YATAY TASMA FIX ===== */
*,*::before,*::after{box-sizing:border-box}
html,body{width:100%;max-width:100%;overflow-x:hidden!important}
body{margin:0}
img,svg,video,canvas,iframe{max-width:100%!important;height:auto}
audio{width:100%;max-width:100%;min-width:0!important}
iframe{width:100%!important}
.wrap{width:min(1380px,calc(100% - 32px))!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important}
main,header,footer,section,.section,.container{max-width:100%!important}
.grid>*,.hero-grid>*,.subhero-grid>*,.combo-grid>*,.programmers-grid-v24>*,
.programmer-feature-grid>*,.experience-grid>*,.news-page-modern-grid>*,
.modern-person-grid>*,.video-v20-grid>*,.tv-v20-shell>*,
.application-v20-grid>*,.contact-v20-grid>*{min-width:0!important}
input,select,textarea,button{max-width:100%}
.table-wrap{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
pre,code{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}
h1,h2,h3,h4,p,a,span,strong{overflow-wrap:break-word}
@media(max-width:820px){
.wrap{width:calc(100% - 24px)!important}
.hero-grid,.subhero-grid,.combo-grid,.top5-page-layout,
.programmer-showcase-grid,.programmers-grid-v24,.programmer-feature-grid,
.experience-grid,.news-page-modern-grid,.modern-person-grid,
.video-v20-grid,.tv-v20-shell,.application-v20-grid,.contact-v20-grid,
.footer-v19-shell,.footer-v18-main,.footer-v17-top{
grid-template-columns:minmax(0,1fr)!important;
}
.hero-actions,.subhero-actions{flex-wrap:wrap!important;max-width:100%}
.tv-v20-screen,.video-v20-player{width:100%!important;max-width:100%!important}
.hero-team-stack,.modern-ticker,.ticker-track,.announcement-bar{max-width:100%;overflow:hidden!important}
}
@media(max-width:640px){
.wrap{width:calc(100% - 20px)!important}
.section,.subhero,.hero{width:100%!important;max-width:100%!important}
.programmer-card-v24,.cta-mini-card,.top5-page-row,.wide-benefits>div,.experience-grid>a{
width:100%!important;max-width:100%!important
}
.page-section-head h2,.programmer-showcase-copy h2{font-size:clamp(25px,8vw,31px)!important}
.subhero h1,.hero h1{font-size:clamp(29px,9vw,36px)!important}
}
@media(max-width:390px){
.wrap{width:calc(100% - 16px)!important}
.primary-action,.ghost-action,.programmer-apply-btn{max-width:100%;white-space:normal}
}
/* ===== V35 MOBİL MENÜ KESİN DÜZELTME ===== */
.mobile-nav-toggle-v35,
.mobile-menu-v35,
.mobile-menu-v35-backdrop{display:none}
@media(max-width:820px){
/* Eski mobil nav davranışını tamamen devre dışı bırak */
.mobile-nav-toggle{display:none!important}
.main-nav{
position:relative!important;
transform:none!important;
padding-top:0!important;
max-height:none!important;
overflow:visible!important;
}
.main-nav .nav-links{display:none!important}
.mobile-nav-toggle-v35{
display:flex!important;
position:fixed;
top:14px;
right:14px;
z-index:1003;
width:46px;
height:46px;
border:1px solid rgba(255,255,255,.10);
border-radius:13px;
align-items:center;
justify-content:center;
background:#0c121b;
color:#fff;
box-shadow:0 12px 30px rgba(0,0,0,.28);
font-size:21px;
cursor:pointer;
}
.mobile-menu-v35-backdrop{
display:block;
position:fixed;
inset:0;
z-index:1000;
background:rgba(3,7,12,.72);
backdrop-filter:blur(4px);
opacity:0;
visibility:hidden;
transition:.22s;
}
.mobile-menu-v35-backdrop.is-open{
opacity:1;
visibility:visible;
}
.mobile-menu-v35{
display:flex!important;
flex-direction:column;
position:fixed;
z-index:1001;
top:0;
right:0;
bottom:0;
width:min(88vw,390px);
max-width:390px;
padding:16px;
background:
radial-gradient(circle at 100% 0,rgba(229,9,20,.13),transparent 28%),
linear-gradient(180deg,#0b1017,#101722);
box-shadow:-22px 0 60px rgba(0,0,0,.40);
transform:translateX(105%);
transition:transform .25s ease;
overflow-y:auto!important;
overflow-x:hidden!important;
}
.mobile-menu-v35.is-open{transform:translateX(0)}
.mobile-menu-v35-head{
display:flex;
justify-content:space-between;
align-items:center;
gap:15px;
padding:5px 2px 17px;
border-bottom:1px solid rgba(255,255,255,.08);
}
.mobile-menu-v35-brand{
display:flex;
align-items:center;
color:#fff;
text-decoration:none;
min-width:0;
}
.mobile-menu-v35-brand img{
display:block;
max-width:190px!important;
max-height:46px!important;
object-fit:contain;
}
.mobile-menu-v35-brand strong{font-size:18px}
.mobile-menu-v35-head button{
flex:0 0 40px;
width:40px;
height:40px;
padding:0!important;
border:1px solid rgba(255,255,255,.08);
border-radius:11px;
background:#171e29;
color:#fff;
font-size:16px;
}
.mobile-menu-v35-links{
display:grid!important;
grid-template-columns:1fr!important;
gap:7px;
padding:18px 0;
width:100%;
}
.mobile-menu-v35-links a{
display:grid!important;
grid-template-columns:40px minmax(0,1fr) 18px;
align-items:center;
gap:10px;
width:100%;
min-height:54px;
padding:7px 10px!important;
border-radius:13px;
background:rgba(255,255,255,.035);
border:1px solid rgba(255,255,255,.055);
color:#aeb7c5!important;
text-decoration:none!important;
font-size:13px!important;
white-space:normal!important;
}
.mobile-menu-v35-links a>span{
width:38px;
height:38px;
display:grid;
place-items:center;
border-radius:11px;
background:#171f2b;
color:#fff;
font-size:15px;
}
.mobile-menu-v35-links a>b{
color:inherit!important;
font-size:13px!important;
font-weight:850;
overflow:visible!important;
}
.mobile-menu-v35-links a>i{
color:#586475;
font-style:normal;
font-size:18px;
}
.mobile-menu-v35-links a.active{
color:#fff!important;
background:linear-gradient(135deg,rgba(229,9,20,.95),rgba(163,12,22,.95));
border-color:transparent;
box-shadow:0 9px 25px rgba(229,9,20,.18);
}
.mobile-menu-v35-links a.active>span{background:rgba(255,255,255,.14)}
.mobile-menu-v35-bottom{
margin-top:auto;
padding:14px;
border-radius:13px;
background:#080d14;
border:1px solid rgba(255,255,255,.06);
}
.mobile-menu-v35-bottom span,
.mobile-menu-v35-bottom strong{display:block}
.mobile-menu-v35-bottom span{
color:#e50914;
font-size:8px;
font-weight:900;
letter-spacing:1.2px;
}
.mobile-menu-v35-bottom strong{
color:#fff;
font-size:12px;
margin-top:4px;
}
body.mobile-menu-open-v35{overflow:hidden!important}
}
@media(max-width:420px){
.mobile-menu-v35{
width:100vw;
max-width:100vw;
}
}
/* ===== V36 TOP 5 PLAY / STOP ===== */
.chart-play.is-playing,
.combo-play.is-playing,
.elegant-play.is-playing{
background:var(--accent)!important;
color:#fff!important;
border-color:var(--accent)!important;
box-shadow:0 8px 22px rgba(229,9,20,.28)!important;
}
/* ===== V37 HAFTANIN KLİBİ LİNK ===== */
.weekly-clip-title-link{
color:inherit!important;
text-decoration:none!important;
transition:color .18s ease;
}
.weekly-clip-title-link:hover{
color:var(--accent)!important;
}
/* ===== V38 HAFTANIN KLİBİ INLINE PLAYER ===== */
.weekly-inline-player-v38{
width:100%;
aspect-ratio:16/9;
overflow:hidden;
border-radius:16px;
background:#05070b;
}
.weekly-inline-player-v38 iframe,
.weekly-inline-player-v38 video{
display:block;
width:100%!important;
height:100%!important;
border:0;
object-fit:cover;
}
[data-video]{cursor:pointer}
/* ===== V39 HAFTANIN KLİBİ DİREKT OYNAT ===== */
.weekly-video-play-v39{
appearance:none;
-webkit-appearance:none;
display:block;
width:100%;
padding:0!important;
margin:0;
border:0!important;
background:transparent!important;
color:inherit;
text-align:left;
font:inherit;
cursor:pointer;
}
.weekly-video-play-v39.combo-video-small{width:100%}
.weekly-video-player-v39{
position:absolute;
inset:0;
z-index:20;
width:100%;
height:100%;
background:#000;
overflow:hidden;
border-radius:inherit;
}
.weekly-video-player-v39 video,
.weekly-video-player-v39 iframe{
display:block;
width:100%!important;
height:100%!important;
max-width:none!important;
border:0;
object-fit:cover;
background:#000;
}
.combo-video-thumb,.combo-small-thumb{position:relative}