:root { color-scheme: dark; --muted: rgba(231,226,237,.68); --line: rgba(255,221,240,.17); --pink: #ed9ac9; }
* { box-sizing: border-box; }
html { max-width: 100%; overflow-x: hidden; background: #02040a; }
body { min-width: 0; margin: 0; overflow-x: clip; background-color: #02040a; background-image: image-set(url("assets/universe-background-layer.webp") type("image/webp"),url("assets/universe-background-layer.png") type("image/png")); background-position:center; background-size:cover; background-attachment:fixed; color: #d4d1d8; font-family: Arial, Helvetica, sans-serif; }
a { color: inherit; }
.radio-page { min-height: 100vh; background: linear-gradient(rgba(2,4,10,.62), rgba(4,3,12,.9)); }
.radio-header { position: sticky; top: 0; z-index: 10; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px clamp(18px,5vw,72px); border-bottom: 1px solid var(--line); background: rgba(2,4,10,.65); backdrop-filter: blur(14px); }
.radio-brand { display: flex; align-items: center; gap: 10px; font: 21px Georgia,serif; text-decoration: none; }.radio-brand__icon { display:grid; width:34px; height:34px; place-items:center; border:1px solid rgba(255,196,228,.48); border-radius:50%; background:rgba(255,135,199,.12); color:#f1b1d5; font:20px Georgia,serif; box-shadow:0 0 18px rgba(255,117,191,.15); }.radio-brand b { color: #e9a5cb; font-weight: 400; }
.universe-link { padding: 11px 15px; border: 1px solid rgba(255,196,228,.42); border-radius: 999px; font-size: 10px; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }
main { width: min(1080px,calc(100% - 36px)); margin: auto; }.radio-hero { position: relative; display: grid; min-height: min(760px,88vh); place-items: center; overflow: hidden; text-align: center; }.radio-hero__content { position: relative; z-index: 2; width: min(700px,100%); }
.eyebrow { display: inline-flex; align-items: center; gap: 9px; color: var(--pink); font-size: 10px; letter-spacing: .16em; text-transform: uppercase; }.eyebrow span { width: 7px; height: 7px; border-radius: 50%; background: #ff83c6; box-shadow: 0 0 12px #ff83c6; }
h1,h2,h3 { color:#d1d2d8; font-family: Georgia,"Times New Roman",serif; font-weight: 400; text-shadow:0 2px 14px rgba(0,0,0,.34); }h1 { margin: 10px 0 0; font-size: clamp(54px,9vw,104px); line-height: .9; }.intro { max-width: 610px; margin: 28px auto 0; color: var(--muted); font-size: clamp(16px,2vw,20px); line-height: 1.6; }
.radio-orbit { position: absolute; width: min(680px,92vw); aspect-ratio: 1; border: 1px solid rgba(255,196,228,.09); border-radius: 50%; box-shadow: inset 0 0 110px rgba(255,135,199,.05); }.radio-orbit i { position: absolute; inset: 16%; border: 1px solid rgba(255,196,228,.08); border-radius: 50%; }.radio-orbit i:nth-child(2) { inset: 31%; }.radio-orbit i:nth-child(3) { inset: 43%; background: rgba(255,135,199,.08); box-shadow: 0 0 90px rgba(255,135,199,.15); }
.player { display: grid; grid-template-columns: auto 1fr auto; gap: 16px; align-items: center; margin: 40px auto 0; padding: 16px; border: 1px solid rgba(255,196,228,.27); border-radius: 20px; background: rgba(7,6,17,.82); text-align: left; backdrop-filter: blur(16px); }.player button { display: grid; width: 56px; height: 56px; place-items: center; padding-left: 4px; border: 0; border-radius: 50%; background: rgba(255,196,228,.17); color: rgba(255,255,255,.48); }.player small,.player strong,.player span { display: block; }.player small { color: var(--pink); font-size: 9px; letter-spacing: .12em; text-transform: uppercase; }.player strong { margin: 5px 0; font: 20px Georgia,serif; }.player span { color: var(--muted); font-size: 12px; }.wave { display: flex; align-items: center; gap: 3px; height: 32px; }.wave i { width: 2px; height: 35%; background: var(--pink); }.wave i:nth-child(2),.wave i:nth-child(6){height:65%}.wave i:nth-child(3),.wave i:nth-child(5){height:100%}
.radio-section { padding: 90px 0; border-top: 1px solid var(--line); }.section-label { margin: 0 0 10px; color: var(--pink); font-size: 10px; letter-spacing: .16em; text-transform: uppercase; }.radio-section h2 { margin: 0 0 30px; font-size: clamp(38px,5vw,58px); }.schedule { color:inherit; text-decoration:none; }.schedule article { display: grid; grid-template-columns: 120px 1fr auto; gap: 24px; align-items:center; padding: 25px; border: 1px solid var(--line); border-radius: 18px; background: rgba(10,8,20,.72); transition:transform .18s ease,border-color .18s ease; }.schedule--link:hover article,.schedule--link:focus-visible article { transform:translateY(-3px); border-color:rgba(255,196,228,.58); }.schedule--link:focus-visible{outline:none}.schedule time { color: var(--pink); }.schedule h3,.placeholder-grid h3 { margin: 0 0 8px; font-size: 25px; }.schedule p,.placeholder-grid p { margin: 0; color: var(--muted); line-height: 1.55; }.card-link-label { color:#f4c2de; font-size:11px; letter-spacing:.06em; text-transform:uppercase; white-space:nowrap; }
.placeholder-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 16px; }.placeholder-grid>a,.placeholder-grid article { min-height: 210px; padding: 25px; border: 1px solid var(--line); border-radius: 18px; background: rgba(10,8,20,.72); color:inherit; text-decoration:none; transition:transform .18s ease,border-color .18s ease; }.placeholder-grid>a:hover,.placeholder-grid>a:focus-visible{transform:translateY(-3px);border-color:rgba(255,196,228,.58);outline:none}.placeholder-grid>a>span,.placeholder-grid article>span { display: block; margin-bottom: 55px; color: var(--pink); font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }.placeholder-grid>a>b{display:block;margin-top:18px;color:#f4c2de;font-size:11px;font-weight:400;letter-spacing:.05em;text-transform:uppercase}
.hosts-carousel{display:grid;grid-template-columns:44px 1fr 44px;gap:14px;align-items:center}.hosts-track{position:relative;min-height:250px}.host-card{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:27px;border:1px solid var(--line);border-radius:18px;background:radial-gradient(circle at 80% 12%,rgba(255,135,199,.18),transparent 34%),rgba(10,8,20,.76);color:inherit;text-decoration:none;opacity:0;pointer-events:none;transform:translateX(20px);transition:opacity .22s ease,transform .22s ease,border-color .18s ease}.host-card.is-current{opacity:1;pointer-events:auto;transform:none}.host-card:hover,.host-card:focus-visible{border-color:rgba(255,196,228,.58);outline:none}.host-card>span{position:absolute;top:24px;color:var(--pink);font-size:10px;letter-spacing:.12em}.host-card h3{margin:0 0 8px;font-size:28px}.host-card p{max-width:580px;margin:0;color:var(--muted);line-height:1.55}.host-card b{margin-top:20px;color:#f4c2de;font-size:11px;font-weight:400;letter-spacing:.05em;text-transform:uppercase}.section-arrow{width:42px;height:42px;border:1px solid rgba(255,210,235,.35);border-radius:50%;background:rgba(7,8,20,.68);color:#fff;font:28px/1 Georgia,serif;cursor:pointer}.section-actions{display:flex;justify-content:flex-end;margin-top:18px}.section-actions a{color:#f4c2de;font-size:11px;letter-spacing:.06em;text-decoration:none;text-transform:uppercase}
.inner-main{padding:90px 0 100px}.page-intro{max-width:690px;margin:18px 0 55px;color:var(--muted);font-size:18px;line-height:1.6}.back-link{display:inline-block;margin-bottom:36px;color:#f4c2de;font-size:10px;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.day-list,.profile-list,.program-list{display:grid;gap:16px}.day-card,.profile-card,.program-card{padding:25px;border:1px solid var(--line);border-radius:18px;background:rgba(10,8,20,.72)}.day-card h2,.profile-card h2,.program-card h2{margin:0 0 18px;font-size:30px}.day-card ul{display:grid;gap:12px;margin:0;padding:0;list-style:none}.day-card li{display:grid;grid-template-columns:90px 1fr;gap:16px;padding-top:12px;border-top:1px solid var(--line);color:var(--muted)}.day-card time{color:var(--pink)}.profile-card{display:grid;grid-template-columns:70px 1fr;gap:22px}.profile-number{display:grid;width:60px;height:60px;place-items:center;border:1px solid rgba(255,196,228,.35);border-radius:50%;color:var(--pink)}.profile-card p,.program-card p{margin:0;color:var(--muted);line-height:1.6}.program-group{margin-top:64px}.program-group>h2{font-size:clamp(34px,5vw,50px)}
footer { display: flex; justify-content: space-between; gap: 20px; padding: 25px clamp(18px,5vw,72px); border-top: 1px solid var(--line); color: var(--muted); font-size: 11px; }
.inner-main>h1 { max-width:100%; font-size:clamp(46px,7vw,82px); line-height:.98; overflow-wrap:anywhere; }
@media(max-width:720px){body{background-attachment:scroll}.radio-header{padding:13px 15px}.radio-brand{font-size:17px}.radio-brand__icon{width:30px;height:30px;font-size:17px}.universe-link{padding:10px 11px;font-size:8px}.radio-hero{min-height:calc(100svh - 64px)}h1{font-size:clamp(52px,17vw,74px)}.intro{font-size:15px}.player{grid-template-columns:auto 1fr;padding:13px}.player button{width:48px;height:48px}.wave{display:none}.radio-section{padding:64px 0}.schedule article{grid-template-columns:1fr;gap:10px;padding:21px}.card-link-label{margin-top:8px}.placeholder-grid{grid-template-columns:1fr}.placeholder-grid>a>span,.placeholder-grid article>span{margin-bottom:38px}.hosts-carousel{grid-template-columns:38px 1fr 38px;gap:8px}.section-arrow{width:36px;height:36px}.hosts-track{min-height:285px}.host-card{padding:22px}.section-actions{justify-content:flex-start}.inner-main{padding:60px 0 75px}.page-intro{font-size:16px}.profile-card{grid-template-columns:1fr}.day-card li{grid-template-columns:70px 1fr}footer{flex-wrap:wrap;padding-bottom:calc(22px + env(safe-area-inset-bottom))}}
.radio-header__actions{display:flex;align-items:center;gap:15px}.header-text-link{color:#c8c5ce;font-size:10px;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.header-text-link:hover,.header-text-link:focus-visible{color:#f0c3dc;outline:none}
.radio-header .lang-switch{display:inline-flex;align-items:center;gap:7px;padding:0 10px;min-height:38px;border:1px solid rgba(255,204,233,.24);border-radius:999px;color:rgba(255,255,255,.62);font:600 9px Arial,sans-serif;letter-spacing:.06em}.radio-header .lang-switch a{color:#e8c9dc;text-decoration:none}.radio-header .lang-switch [aria-current="page"]{color:#fff}
.radio-hero h1,.inner-main>h1{background:linear-gradient(180deg,#f1f1f4 2%,#b9bbc3 42%,#e1e2e7 62%,#92959f 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
.contact-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:18px;align-items:start}.contact-form,.contact-note{padding:28px;border:1px solid var(--line);border-radius:20px;background:rgba(9,7,19,.8);backdrop-filter:blur(14px)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.contact-form label>span{display:block;margin-bottom:8px;color:#c9c7cf;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid rgba(255,221,240,.2);border-radius:12px;background:rgba(255,255,255,.035);color:#e1dee5;font:14px Arial,sans-serif;outline:none}.contact-form input,.contact-form select{height:48px;padding:0 14px}.contact-form textarea{min-height:170px;margin-bottom:16px;padding:14px;resize:vertical}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:rgba(255,180,221,.72);box-shadow:0 0 0 3px rgba(255,135,199,.08)}.contact-form small{display:block;margin:7px 0 16px;color:var(--muted);font-size:10px;line-height:1.45}.contact-form select option{background:#0b0915}.consent{display:flex;gap:10px;align-items:flex-start;margin:5px 0 22px}.consent input{width:18px;height:18px;flex:0 0 auto;margin:0}.consent span{margin:1px 0 0!important;color:var(--muted)!important;font-size:11px!important;line-height:1.5;text-transform:none!important}.honeypot{position:absolute!important;left:-9999px!important}.form-submit{display:flex;align-items:center;gap:18px}.form-submit button{min-height:48px;padding:0 20px;border:1px solid rgba(255,196,228,.52);border-radius:999px;background:rgba(255,135,199,.12);color:#f2edf1;font:600 10px Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.form-submit p{max-width:330px;margin:0;color:var(--muted);font-size:10px;line-height:1.45}.form-status{min-height:20px;margin-top:18px;font-size:12px;line-height:1.5}.form-status.is-error{color:#ffafbd}.form-status.is-ready{color:#efb5d5}.contact-note>span{color:var(--pink);font-size:9px;letter-spacing:.14em;text-transform:uppercase}.contact-note h2{margin:18px 0;font-size:30px}.contact-note p{color:var(--muted);font-size:13px;line-height:1.65}
@media(max-width:720px){.radio-header__actions{gap:6px}.radio-header .lang-switch{min-height:34px;padding:0 7px;font-size:8px}.header-text-link{font-size:8px}.contact-layout,.form-grid{grid-template-columns:1fr}.contact-form,.contact-note{padding:21px}.form-submit{align-items:flex-start;flex-direction:column}.contact-main>h1{font-size:clamp(42px,14vw,62px)}}
@media(max-width:420px){.radio-header{flex-wrap:wrap;gap:8px 12px}.radio-brand{width:100%}.radio-header__actions{width:100%;justify-content:space-between}.radio-page{min-width:0;max-width:100%;overflow:hidden}main{width:min(100% - 28px,1080px)}footer{max-width:100%;overflow-wrap:anywhere}}
.profile-number.has-photo{background-position:center;background-size:cover;border-color:rgba(255,196,228,.55);box-shadow:0 0 22px rgba(255,135,199,.12)}