@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Permanent+Marker&display=swap');
:root{--bg:#020807;--panel:#06110f;--green:#00b86b;--orange:#ff7200;--yellow:#ffb300;--white:#f7f4ee;--muted:#aeb7b3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#fff;font-family:Inter,Arial,sans-serif}a{text-decoration:none;color:inherit}.navbar{height:88px;display:flex;align-items:center;padding:0 42px;gap:28px;background:rgba(2,8,7,.96);border-bottom:1px solid #24302d;position:sticky;top:0;z-index:50;backdrop-filter:blur(12px)}.brand{width:265px}.brand img{width:225px;max-height:72px;object-fit:contain;object-position:left}.navbar nav{display:flex;align-self:stretch;align-items:center;gap:38px}.navbar nav a{font-size:15px;position:relative;display:flex;align-items:center;height:100%;color:#e9eeec}.navbar nav a.active,.navbar nav a:hover{color:var(--green)}.navbar nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--green)}.live-pill{margin-left:auto;border:1px solid #5c6a67;border-radius:30px;padding:8px 16px;font-weight:800;font-size:13px;background:#260b0b}.live-pill i{display:inline-block;width:9px;height:9px;border-radius:50%;background:#e21b23;box-shadow:0 0 10px #e21b23;margin-right:8px}.live-pill.online{background:rgba(0,120,70,.22);border-color:#137b55}.live-pill.online i{background:#00c77b;box-shadow:0 0 10px #00c77b}.live-pill.offline{background:#260b0b}.tagline{white-space:nowrap;font-size:15px;color:#d8dedb}.tagline b{color:#ff3b1f}.hero{height:640px;display:grid;grid-template-columns:57% 43%;position:relative;overflow:hidden;background:radial-gradient(circle at 18% 55%,rgba(0,184,107,.09),transparent 30%),#020807}.hero-copy-area{position:relative;z-index:5;display:flex;padding:58px 0 45px 8vw;gap:6vw}.hero-logo{width:285px;flex:0 0 285px;margin-top:30px}.hero-logo img{width:100%;filter:drop-shadow(0 15px 25px rgba(0,0,0,.6))}.hero-message{padding-top:38px}.marker{font-family:'Permanent Marker',cursive;line-height:.87;font-size:59px;transform:rotate(-2deg);white-space:nowrap;text-shadow:0 5px 0 rgba(0,0,0,.5)}.marker.white{font-size:43px;color:var(--white)}.marker.orange{color:var(--orange)}.marker.green{color:#00a95e}.stroke{display:block;width:190px;height:9px;background:var(--yellow);transform:skew(-25deg) rotate(-4deg);margin:12px 0 0 50px;border-radius:50%}.hero-message p{font-size:19px;line-height:1.35;margin:28px 0 20px}.request-button{width:490px;height:100px;border:3px solid var(--yellow);border-radius:60px;background:rgba(2,8,7,.78);display:flex;align-items:center;gap:18px;padding:10px 18px;box-shadow:0 15px 38px rgba(0,0,0,.55);transition:.25s}.request-button:hover{transform:translateY(-3px);box-shadow:0 0 28px rgba(255,114,0,.25),0 16px 45px rgba(0,0,0,.6)}.music,.arrow{width:54px;height:54px;border:3px solid var(--yellow);border-radius:50%;display:grid;place-items:center;color:var(--yellow);font-size:31px;flex:none}.arrow{font-size:37px}.request-button>span:nth-child(2){flex:1;text-align:center}.request-button strong{font-family:'Permanent Marker',cursive;font-size:28px}.request-button strong b{color:var(--orange)}.request-button small{display:block;letter-spacing:5px;font-size:16px;margin-top:3px}.studio{position:relative;overflow:hidden}.studio-img{position:absolute;inset:0;background:url('radio_studio.jpg') center/cover no-repeat;filter:saturate(.9) contrast(1.08)}.studio-fade{position:absolute;inset:0;background:linear-gradient(90deg,#020807 0%,rgba(2,8,7,.48) 18%,transparent 55%),linear-gradient(0deg,rgba(2,8,7,.28),transparent 65%)}.onair{position:absolute;right:7%;top:65px;border:6px solid var(--orange);color:var(--orange);font-size:29px;font-weight:900;padding:8px 16px;transform:rotate(-2deg);box-shadow:0 0 25px rgba(255,114,0,.4)}.brush{position:absolute;z-index:3;pointer-events:none}.brush.one{left:-50px;top:22px;width:170px;height:75px;background:linear-gradient(160deg,transparent 8%,#ff8700 12%,#ff8700 25%,transparent 29%),linear-gradient(160deg,transparent 32%,#008d54 38%,#008d54 50%,transparent 54%);transform:rotate(-8deg)}.brush.two{right:0;bottom:16px;width:210px;height:70px;background:linear-gradient(160deg,transparent 20%,#ff8700 25%,#ff8700 37%,transparent 43%);transform:rotate(-7deg)}.pillars{display:grid;grid-template-columns:repeat(4,1fr);padding:30px 6vw 34px;background:linear-gradient(#06120f,#020807);border-top:1px solid #182521}.pillars article{text-align:center;padding:0 28px;border-right:1px solid #33403c}.pillars article:last-child{border:0}.ico{width:62px;height:62px;border:2px solid currentColor;border-radius:50%;display:grid;place-items:center;margin:0 auto 12px;font-size:27px;box-shadow:0 0 20px currentColor}.ico.green{color:#00c77b}.ico.orange{color:#ff7800}.pillars h3{font-size:15px;margin:0 0 8px}.pillars p{color:var(--muted);font-size:13px;line-height:1.45;margin:0}.content{min-height:300px;padding:85px 10vw;border-top:1px solid #182521;background:radial-gradient(circle at 50% 0,rgba(0,184,107,.07),transparent 45%),#020807}.content span{font-size:12px;letter-spacing:3px;color:var(--green);font-weight:800}.content h2{font-size:40px;max-width:800px;margin:13px 0}.content p{max-width:720px;color:var(--muted);line-height:1.6}.player{position:sticky;bottom:0;z-index:60;min-height:108px;display:grid;grid-template-columns:1.35fr 1fr .65fr 1fr 50px;align-items:center;gap:22px;padding:13px 28px;background:rgba(3,10,9,.97);border-top:1px solid #27312f;backdrop-filter:blur(14px)}.track{display:flex;align-items:center;gap:14px;min-width:0}.track img{width:70px;height:70px;object-fit:cover;border-radius:7px;background:#0b1714}.track .now{display:block;color:#00c77b;font-size:11px;font-weight:800;margin-bottom:6px}.track strong{display:block;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track small{display:block;color:var(--muted);margin-top:4px}.controls{display:flex;justify-content:center;align-items:center;gap:22px}.controls button{border:0;background:none;color:#ddd;font-size:18px}.controls .play{width:60px;height:60px;border-radius:50%;background:#00bd70;color:#fff;cursor:pointer;box-shadow:0 0 25px rgba(0,189,112,.32)}.controls .play.playing{background:var(--orange)}.volume{display:flex;gap:10px;align-items:center;color:#ddd}.volume i{width:125px;height:6px;background:#1c2926;border-radius:10px;overflow:hidden}.volume i b{display:block;width:40%;height:100%;background:#00c77b}.status{border-left:1px solid #2a3432;padding-left:25px}.status span{display:block;color:#00c77b;font-size:11px;margin-bottom:7px}.status span i{display:inline-block;width:9px;height:9px;background:#00c77b;border-radius:50%;margin-right:5px}.status strong{font-size:14px;font-weight:500}.top{width:40px;height:40px;border:0;border-radius:50%;background:#17201e;color:#fff;font-size:22px;cursor:pointer}@media(max-width:1200px){.navbar{padding:0 20px}.brand{width:205px}.brand img{width:185px}.navbar nav{gap:20px}.hero-copy-area{padding-left:5vw;gap:3vw}.hero-logo{width:230px;flex-basis:230px}.marker{font-size:49px}.marker.white{font-size:36px}.request-button{width:450px}.tagline{display:none}.player{grid-template-columns:1.3fr 1fr .7fr 50px}.status{display:none}}@media(max-width:800px){.navbar{height:72px}.brand{width:auto}.brand img{width:155px}.navbar nav{display:none}.live-pill{margin-left:auto}.hero{height:760px;display:block}.hero-copy-area{display:block;padding:30px 20px;position:relative;height:100%}.hero-logo{width:185px;margin:0}.hero-message{padding:0;position:absolute;left:25px;top:220px}.marker{font-size:45px}.marker.white{font-size:31px}.hero-message p{font-size:16px;margin-top:25px}.request-button{width:calc(100vw - 50px);height:88px}.request-button strong{font-size:21px}.request-button small{font-size:12px;letter-spacing:3px}.studio{position:absolute;left:0;right:0;bottom:0;height:330px;z-index:1}.studio-fade{background:linear-gradient(0deg,#020807 0%,rgba(2,8,7,.4) 70%,transparent)}.onair{top:20px;right:25px;font-size:19px;border-width:4px}.hero-message{z-index:5}.pillars{grid-template-columns:1fr 1fr;padding:15px 8px}.pillars article{padding:20px 10px;border-right:0;border-bottom:1px solid #26312e}.content{padding:65px 25px}.content h2{font-size:30px}.player{min-height:82px;padding:8px 10px;grid-template-columns:1fr 58px;gap:8px}.track img{width:54px;height:54px}.track strong{font-size:13px}.track small{font-size:11px}.track .now{font-size:9px}.controls button:not(.play),.volume{display:none}.controls .play{width:50px;height:50px}.top{display:none}}