/* ÖÖTV / ikinci tasarım: logonun mavisi ve kırmızısı, yayın odaklı görünüm. */
.mobile-brand{display:none}.mobile-brand img{display:block;width:68px;height:auto}
:root{--teal:#0088a8;--teal-light:#e5f5fa;--coral:#df2948;--navy:#122738;--paper:#f3f6fa;--ink:#162e41;--muted:#75899b;--line:#e1e8f0;--radius:19px}
html{scroll-behavior:smooth}.brand-logo{width:100%;height:auto;display:block}.sidebar{width:232px;padding:0 15px 20px;background:#132a3c;color:#d3e6ed;border-right:0}.sidebar .brand{margin:0 -15px 30px;padding:20px 23px;background:#fff;display:block}.sidebar .brand-logo{max-width:186px;margin:auto}.nav-label{color:#7395a9;font-size:10px;letter-spacing:1.8px}.nav-item{font-size:12px;color:#aac1cf;padding:13px 13px;border-radius:10px;gap:13px}.nav-item svg{width:19px;height:19px}.nav-item:hover{background:#ffffff09;color:#fff}.nav-item.active{background:linear-gradient(100deg,#0084a7,#087ea0);color:white;box-shadow:0 8px 23px #00000016;position:relative}.nav-item.active:after{content:'';position:absolute;right:11px;top:50%;margin-top:-3px;width:6px;height:6px;border-radius:50%;background:#fff}.nav-dot{background:#fd4565;box-shadow:0 0 10px #ff425350}.tools-label{margin-top:31px}.community-note{color:#7397ab;border-color:#ffffff10;margin-top:18px}.tiny-dot{background:#3dcccf;box-shadow:0 0 8px #3dcccf77}.portal{margin-left:232px}.topbar{height:82px;padding:0 35px;box-shadow:0 3px 15px #173d5b03}.search-box{background:#f4f7fb;border-color:#e8eef5;border-radius:12px;width:335px;padding:12px 13px}.search-box input{font-size:12px}.avatar{color:white;background:linear-gradient(135deg,#008aa9,#135d8c);font-size:13px}.user-name{font-size:12px}.user-name small{font-size:10px}.page-wrap{padding:32px 35px 25px}.welcome{margin-bottom:29px;position:relative;min-height:200px}.greeting{font-size:10px;font-weight:750;letter-spacing:1.5px;color:#7490a5;display:flex;align-items:center;gap:10px}.greeting-line{width:24px;height:3px;background:#df2948;border-radius:3px}.welcome h1{font-size:clamp(35px,3.5vw,53px);line-height:1.08;letter-spacing:-2.1px;font-weight:800;margin:17px 0 16px}.welcome h1>span{color:#0086a7}.welcome p{font-size:13px;line-height:1.8;color:#7d90a0}.welcome-orbit{width:195px;height:195px;flex-shrink:0;border:1px solid #d6e2ee;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:radial-gradient(circle at 40% 35%,#fff,#e8f3fa);margin-right:35px;transition:transform .25s}.welcome-orbit:hover{transform:rotate(-4deg)}.welcome-orbit:before,.welcome-orbit:after{content:'';position:absolute;inset:12px;border:1px dashed #c0d9e5;border-radius:50%}.welcome-orbit:after{inset:-15px;border-style:solid;border-color:#e0e9f1;transform:rotate(-15deg);border-radius:40% 55% 42% 50%}.orbit-label{font-size:9px;letter-spacing:2px;line-height:1.7;text-align:center;font-weight:700;color:#7292a8}.orbit-play{width:48px;height:48px;display:grid;place-items:center;color:#fff;background:#df2948;border-radius:50%;box-shadow:0 8px 18px #df294830;margin:13px 0}.orbit-play svg{width:19px;height:19px;fill:#fff;margin-left:2px}.orbit-caption{font-size:8px;letter-spacing:.9px;color:#527c96;font-weight:750;display:flex;align-items:center;gap:5px}.orbit-caption svg{width:11px;height:11px}.activity-strip{display:flex;align-items:center;margin-bottom:28px;border-top:1px solid #dee7ef;border-bottom:1px solid #dee7ef;background:#fff9;overflow:hidden;border-radius:0;padding:11px 0;font-size:10px;gap:17px}.strip-label{display:flex;align-items:center;gap:8px;letter-spacing:.8px;font-size:9px;color:#0086a7;white-space:nowrap;border-right:1px solid #dee7ef;padding-right:19px;font-weight:800}.strip-label>span{width:7px;height:7px;border-radius:50%;background:#008ca8;box-shadow:0 0 0 4px #008ca810;animation:beacon 2.8s ease-in-out infinite}.strip-links{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:1}.strip-links>a{display:flex;align-items:center;gap:8px;color:#7c93a5;white-space:nowrap}.strip-links>a:hover{color:#df2948}.strip-links svg{width:13px;height:13px;color:#aac0cf}.dashboard-grid{gap:25px;grid-template-columns:minmax(0,1fr) 275px}.featured{padding:20px 20px 0;background:linear-gradient(140deg,#152d40,#102435);border:1px solid #183748;color:#fff;box-shadow:0 15px 35px #15364c16;border-radius:18px;position:relative}.featured .section-header{margin-bottom:18px}.screen-heading{display:flex;align-items:center;gap:10px}.screen-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#ffffff0c;color:#70c8df;border:1px solid #ffffff0e}.screen-mark svg{width:20px;height:20px}.screen-eyebrow{font-size:7px;font-weight:700;letter-spacing:1.7px;color:#6d99b1;display:block;margin-bottom:5px}.screen-heading h2{font-size:17px;font-weight:700}.screen-actions{display:flex;align-items:center;gap:9px}.on-air{background:#ffffff09;border:1px solid #ffffff09;color:#8aacc0;font-size:7px;letter-spacing:.7px;padding:7px 8px}.on-air span{background:#668da1}.on-air.connected{color:#ff8a9e;background:#df294815;border-color:#df294822}.on-air.connected span{background:#ef3859;box-shadow:0 0 0 3px #ef38591a;animation:beacon 2.8s ease-in-out infinite}.screen-expand{color:#779db4;background:transparent;padding:5px;display:grid;place-items:center}.screen-expand svg{width:17px;height:17px}.video-stage{border:1px solid #ffffff14;border-radius:11px;box-shadow:0 3px 12px #00000020;background:#081924}.video-art{background:radial-gradient(ellipse at 85% 5%,#007fa855,transparent 65%),linear-gradient(130deg,#073650,#087b9c)}.art-grid{background-size:50px 50px;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px)}.art-brand>span{color:#94d5e5;font-size:9px}.art-brand h3{font-weight:750;letter-spacing:-1.2px}.art-brand p{color:#8ec1d4}.art-plus{color:#70d7e22b;font-weight:450}.art-corner{color:#9bd5e3a1}.play-overlay{left:75%;background:#df2948;border-color:#e55269;box-shadow:0 15px 40px #0e26336b;width:65px;height:65px}.featured-caption{padding:20px 0 22px}.featured-caption .eyebrow{color:#5babca;font-size:7px;letter-spacing:1.3px}.featured-caption h3{font-size:19px;color:#eaf5f9;font-weight:650;letter-spacing:-.3px}.featured-caption p{color:#7a9ab0;font-size:10px;line-height:1.7}.sound-button{background:#ffffff09;border:1px solid #ffffff10;color:#a8c6d5;padding:10px 12px;font-size:10px;border-radius:8px}.broadcast-foot{margin:0 -20px;padding:12px 20px;background:#071b2a38;border-top:1px solid #ffffff06;display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:8px;color:#688da4}.broadcast-foot>span{display:flex;gap:5px;align-items:center}.broadcast-foot>a{display:flex;gap:6px;align-items:center;color:#97b9cb}.broadcast-foot svg{width:12px;height:12px}.live-callout{padding:21px 19px;border:1px solid #e0e7f1;background:#fff;margin-top:18px;box-shadow:0 3px 10px #203b5710;position:relative;overflow:hidden}.live-callout:before{content:'';width:4px;height:100%;position:absolute;left:0;top:0;background:#df2948}.callout-symbol{background:#fcebf0;color:#df2948;border-radius:50%;width:43px;height:43px}.live-callout .eyebrow{color:#df2948;font-size:8px;letter-spacing:1px}.live-callout h3{font-size:13px;font-weight:750;color:#203a4b}.live-callout p{font-size:10px;color:#8ba0b0}.live-callout .primary{background:#df2948;border-radius:8px;font-size:10px;padding:12px}.live-callout .primary:hover{background:#c91f3c}.library-section{margin-top:34px}.section-header h2{font-size:18px;font-weight:750;letter-spacing:-.4px}.section-note{font-size:9px}.text-link{font-size:10px;color:#0083a4}.filter-row{gap:8px;margin-bottom:17px}.filter{padding:8px 12px;border-radius:6px;color:#8196a7;border-color:#dce5ef;font-size:10px}.filter.active{background:#0085a5;color:white;border-color:#0085a5;box-shadow:0 3px 8px #0085a519}.course-grid{gap:14px}.course-art{height:136px;padding:24px 17px}.art-teal{background:linear-gradient(125deg,#007891,#24a6b5);color:#fff}.art-blue{background:linear-gradient(125deg,#1b345c,#4167ad);color:#fff}.art-coral{background:linear-gradient(125deg,#c32144,#eb5c75);color:#fff}.course-art>span{font-size:15px;letter-spacing:.6px}.course-art>i{font-size:139px;font-weight:550;color:#ffffff1e}.course-content{padding:16px}.course-category{font-size:7px;color:#7894a7;letter-spacing:1.1px}.course-content h3{font-size:12px;line-height:1.55;font-weight:650;min-height:39px}.course-content p{font-size:9px;color:#97aabb}.course-footer{font-size:9px;color:#4386a2;border-color:#e9eff6}.course-card{border-radius:12px;border-color:#e0e8f0}.quick-tools{margin-top:32px}.tool-grid>a{border-color:#e0e8f0;border-radius:11px;padding:15px 12px}.tool-grid>a>span{background:#e8f4f9;color:#0083a4;padding:8px}.tool-grid h3{font-size:11px}.tool-grid p{font-size:9px;color:#99aaba}.schedule-panel{border-top:3px solid #df2948;box-shadow:0 9px 20px #203b5705;padding:22px 19px;border-radius:16px}.schedule-panel .section-header h2{font-size:16px;line-height:1.2}.schedule-panel .section-header>svg{color:#df2948}.schedule-panel>.section-note{font-size:8px;line-height:1.5;color:#99adbc}.schedule-item{padding:20px 0;gap:11px;align-items:start}.schedule-item h3{font-size:12px;line-height:1.55;font-weight:700;margin:6px 0 8px}.date-block{background:#e6f4fa;color:#0086a6;width:44px;height:53px;border-radius:7px}.date-block b{font-size:22px;font-weight:750}.coral-date{background:#fcecf1;color:#dd3456}.schedule-type{font-size:7px;letter-spacing:1px;color:#88a3b6}.schedule-item p{font-size:9px;color:#8ba2b3;line-height:1.6}.schedule-item .program-time{margin-top:7px;color:#7e98ab}.program-join{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 10px;border-radius:6px;background:#df2948;color:white;font-size:10px;font-weight:650;margin-top:11px}.program-join:hover{background:#c91f3c}.program-join svg{width:12px;height:12px}.panel-bottom-link{font-size:10px;color:#1686a5;margin-top:17px}.empty-program{font-size:12px;line-height:1.7;color:#839cae;padding:20px 0}.survey-panel{background:radial-gradient(ellipse at 100% 0,#007a9860,transparent 75%),linear-gradient(130deg,#183f5f,#163249);border-color:#183a52;border-radius:16px;padding:25px 22px}.survey-panel:after{border-color:#54b5d117}.survey-icon{color:#71c5df;background:#fff1;margin-bottom:21px}.survey-panel .eyebrow{color:#78bdd5;font-size:7px;letter-spacing:1.3px}.survey-panel h2{font-size:23px;line-height:1.3;font-weight:700;letter-spacing:-.7px;margin:12px 0}.survey-panel p{font-size:11px;color:#82a5bc}.survey-button{background:#ffffff08;border-color:#5e9fbd55;color:#d3edf6;padding:12px;font-size:11px}.survey-note{color:#597f99;font-size:8px}.announcements{border-radius:16px;padding:21px 19px}.announcements h2{font-size:15px}.announcements h3{font-size:12px;font-weight:700;line-height:1.6}.announcements p{font-size:10px;color:#8fa4b4}.notice-category{font-size:7px;color:#df2948;letter-spacing:1px}.announcement-dot{background:#df2948}.help-card{background:#e7eef6;border-color:#dde7f1;color:#638fa9;border-radius:12px;padding:17px}.help-card b{color:#476e88;font-size:11px}.help-card span{font-size:9px}.portal-footer{font-size:9px;color:#8ea3b3}.cinema-mode .dashboard-grid{grid-template-columns:minmax(0,1fr)}.cinema-mode .right-column{display:none}.cinema-mode .featured .video-stage{max-height:70vh;aspect-ratio:16/9}.cinema-mode .screen-expand{color:white;background:#df2948;border-radius:5px}.cinema-mode .main-column{width:100%}
.login-body{background:radial-gradient(ellipse at 80% 10%,#008aa522,transparent 50%),radial-gradient(ellipse at 15% 95%,#df294810,transparent 50%),#f2f6fb}.login-brand{display:block;padding:0 53px;margin-bottom:24px}.login-brand .brand-logo{mix-blend-mode:multiply;max-width:250px;margin:auto}.login-card{border:1px solid #fff;border-radius:20px;box-shadow:0 22px 75px #193b6014;background:#ffffffdb;padding:35px}.login-lock{color:#0086a7;background:#e5f4f9}.login-card .eyebrow{color:#0086a7}.login-card h1{font-weight:750;font-size:26px}.login-card input:not([type=hidden]){background:#f8fafc;border-color:#dae5ef}.login-submit{background:#df2948;box-shadow:0 7px 18px #df294820;border-radius:8px}.login-submit:hover{background:#c6223e}.text-button{color:#0084a4}.login-foot{color:#8fa6b7}.login-card>p{color:#8aa0b1}
@keyframes beacon{0%,100%{opacity:1}50%{opacity:.55}}
@media(min-width:1550px){.sidebar{width:250px;padding-left:22px;padding-right:22px}.sidebar .brand{margin-left:-22px;margin-right:-22px;padding:23px 31px}.sidebar .brand-logo{max-width:190px}.portal{margin-left:250px}.page-wrap{padding-top:38px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 310px;gap:30px}.welcome{min-height:225px}.welcome h1{font-size:58px}.welcome-orbit{width:205px;height:205px;margin-right:60px}.nav-item{font-size:13px}.featured{padding:24px 24px 0}.broadcast-foot{margin-left:-24px;margin-right:-24px;padding-left:24px;padding-right:24px}.course-art{height:170px}.course-art>span{font-size:19px}.course-content h3{font-size:14px}.schedule-panel .section-header h2{font-size:18px}.schedule-item h3{font-size:14px}.survey-panel h2{font-size:27px}.tool-grid h3{font-size:12px}}
@media(max-width:1190px){.sidebar{width:205px;padding-left:12px;padding-right:12px}.sidebar .brand{margin-left:-12px;margin-right:-12px;padding:17px 20px}.portal{margin-left:205px}.nav-item{font-size:11px;padding:12px 12px}.page-wrap{padding:29px 25px}.topbar{padding:0 25px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 245px;gap:21px}.welcome h1{font-size:42px}.welcome-orbit{width:155px;height:155px;margin-right:17px}.orbit-label{font-size:8px}.orbit-play{width:40px;height:40px;margin:9px 0}.orbit-caption{font-size:7px}.strip-links>a{font-size:9px}.strip-links>a:last-child{display:none}.featured{padding:17px 17px 0}.broadcast-foot{margin-left:-17px;margin-right:-17px;padding-left:17px;padding-right:17px}.screen-heading h2{font-size:15px}.screen-eyebrow{font-size:6px}.screen-mark{width:30px;height:30px}.screen-actions{gap:5px}.on-air{font-size:6px;padding:6px}.featured-caption h3{font-size:16px}.featured-caption p{font-size:9px}.course-art{height:120px}.course-art>span{font-size:13px}.course-content{padding:13px}.course-content h3{font-size:11px}.schedule-panel{padding:20px 16px}.schedule-panel .section-header h2{font-size:14px}.live-callout h3{font-size:12px}.tool-grid{grid-template-columns:1fr}.tool-grid>a{padding:13px}}
@media(max-width:960px){.sidebar{width:190px}.portal{margin-left:190px}.sidebar .brand{padding:19px 18px}.welcome{min-height:175px}.welcome h1{font-size:36px}.welcome p{font-size:11px}.welcome-orbit{width:132px;height:132px;margin-right:12px}.orbit-label{font-size:6px}.orbit-play{width:34px;height:34px;margin:7px 0}.orbit-caption{font-size:5px}.dashboard-grid{grid-template-columns:minmax(0,1fr)}.right-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.strip-label{font-size:8px;padding-right:10px}.strip-links>a{font-size:8px}.strip-links>a:nth-child(2){display:none}.activity-strip{gap:12px}.course-art{height:130px}.course-content h3{font-size:12px}.featured-caption h3{font-size:19px}.screen-heading h2{font-size:18px}.screen-eyebrow{font-size:7px}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-grid>a{padding:11px;gap:7px}.tool-grid h3{font-size:10px}.tool-grid p{font-size:8px}}
@media(max-width:700px){.sidebar{width:235px;padding-left:17px;padding-right:17px}.sidebar .brand{margin-left:-17px;margin-right:-17px;padding:22px 28px}.nav-item{font-size:13px;padding:13px}.portal{margin-left:0}.topbar{height:67px;padding:0 18px}.search-box{padding:10px;width:auto}.search-box input{font-size:10px}.page-wrap{padding:27px 17px 22px}.welcome{min-height:0;margin-bottom:23px;align-items:center}.greeting{font-size:8px;gap:8px;letter-spacing:1.1px}.greeting-line{width:18px;height:2px}.welcome h1{font-size:36px;letter-spacing:-1.6px;margin:16px 0 13px;line-height:1.1}.welcome h1>span{white-space:normal}.welcome p{font-size:11px;line-height:1.8}.welcome-orbit{display:none}.activity-strip{padding:11px 0;margin-bottom:22px;font-size:9px;gap:14px}.strip-label{font-size:7px;letter-spacing:.5px;padding-right:12px;gap:6px}.strip-label>span{width:5px;height:5px}.strip-links>a{font-size:8px;gap:5px}.strip-links svg{width:11px;height:11px}.dashboard-grid{gap:23px}.featured{padding:16px 13px 0;border-radius:15px}.screen-heading{gap:8px}.screen-mark{width:31px;height:31px}.screen-heading h2{font-size:16px}.screen-eyebrow{font-size:6px;letter-spacing:1px}.screen-actions{gap:6px}.on-air{font-size:5px;padding:6px}.screen-expand svg{width:14px;height:14px}.featured .section-header{margin-bottom:14px}.video-stage{border-radius:8px}.featured-caption{padding:18px 0;align-items:center}.featured-caption .eyebrow{font-size:5px;letter-spacing:.9px}.featured-caption h3{font-size:15px;margin:7px 0}.featured-caption p{font-size:8px;line-height:1.7;max-width:190px}.sound-button{font-size:8px;padding:8px;gap:5px}.broadcast-foot{margin-left:-13px;margin-right:-13px;padding:10px 13px;font-size:7px}.broadcast-foot svg{width:10px;height:10px}.art-brand h3{font-size:26px}.art-brand>span{font-size:6px}.art-brand p{font-size:8px}.art-plus{font-size:155px}.art-corner{font-size:5px}.play-overlay{width:45px;height:45px}.play-overlay svg{width:19px}.live-callout{padding:18px 16px;gap:11px}.callout-symbol{width:36px;height:36px}.live-callout .eyebrow{font-size:7px}.live-callout h3{font-size:12px}.live-callout p{font-size:9px}.live-callout .primary{width:100%;padding:12px;margin-top:4px;justify-content:space-between;font-size:11px}.section-header h2{font-size:17px}.text-link{font-size:9px}.filter{font-size:9px;padding:8px 10px}.course-art{height:122px;padding:24px 14px}.course-art>span{font-size:13px}.course-content h3{font-size:11px}.course-content{padding:14px}.right-column{grid-template-columns:1fr}.schedule-panel .section-header h2{font-size:18px}.schedule-item{gap:16px;padding:21px 0}.schedule-item h3{font-size:14px}.schedule-item p{font-size:10px}.schedule-type{font-size:8px}.date-block{width:48px;height:58px}.date-block b{font-size:25px}.program-join{font-size:11px;padding:10px 12px}.schedule-item>div{flex:1}.survey-panel h2{font-size:25px}.survey-panel p{font-size:12px}.announcements h2{font-size:18px}.announcements h3{font-size:14px}.announcements p{font-size:11px}.tool-grid{grid-template-columns:1fr}.tool-grid h3{font-size:12px}.tool-grid p{font-size:10px}.tool-grid>a{padding:14px}.help-card b{font-size:12px}.help-card span{font-size:10px}.portal-footer{font-size:8px}.login-brand{padding:0 49px;margin-bottom:23px}.login-card{padding:29px}.login-card h1{font-size:24px}.cinema-mode .featured .video-stage{max-height:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
@media(max-width:700px){.topbar-start{gap:5px;align-items:center}.mobile-brand{display:block}.topbar{gap:9px;padding-left:12px;padding-right:12px}.topbar .search-box{min-width:0}.topbar .search-box input{font-size:9px}.topbar .icon-button{padding:5px}}