:root{--orange:#1749d4;--dark:#f5f7fc;--muted:#627087;--ink:#12213e;--line:#dde4ef;--red:#da3b1c;--gold:#f4c945}body{background:var(--dark);color:var(--ink)}button,a,input{transition:background-color .18s,color .18s,border-color .18s,box-shadow .18s}button:focus-visible,a:focus-visible,input:focus-visible{outline-color:#1749d4}header{max-width:1320px;border-bottom:1px solid var(--line);padding:18px 5%;gap:24px;background:#fff;border-radius:0 0 22px 22px;box-shadow:0 6px 25px #12213e05}.brand .official-logo{width:145px;height:82px;border-radius:0}nav{gap:30px;font-weight:600;color:#536079}nav a{padding:10px 0}nav a:hover{color:#1749d4}.small-play{border-color:#cdd8ee;color:#1749d4;background:#f1f5ff;font-weight:600}.small-play:hover{background:#e4edff}.hero{max-width:1320px;padding:65px 5% 70px;grid-template-columns:1.12fr 1fr;gap:40px;align-items:center}.eyebrow{color:#1749d4;font-size:10px;letter-spacing:1.8px}.dot{background:var(--red);box-shadow:0 0 0 4px #da3b1c12}h1{font-size:clamp(58px,6.2vw,88px);line-height:.98;letter-spacing:-.8px;margin:24px 0}h1 span{color:#1749d4}.hero-copy>p{color:#627087;font-size:15px;line-height:1.85;max-width:405px;margin:23px 0 29px}.primary{background:#1749d4;color:#fff;padding:17px 24px;border-radius:14px;box-shadow:0 8px 20px #1749d423;min-height:52px}.primary:hover{background:#103ab4;box-shadow:0 10px 24px #1749d438}.hero-note{color:#69768b;letter-spacing:1.5px;line-height:1.8}.hero-note span{color:var(--red)}.official-art{padding:35px 24px 26px;border-radius:26px;min-height:0;background:linear-gradient(145deg,#e8eeff,#eef2fd 65%,#fff1df);border:1px solid #dfe6f6;gap:22px;position:relative}.official-art:before{content:'102.3 FM · LIPA, BATANGAS';color:#1749d4;font-size:9px;font-weight:700;letter-spacing:1.7px;align-self:flex-start;margin-bottom:4px}.logo-showcase{transform:none;border-radius:16px;box-shadow:0 14px 35px #12213e10;border:1px solid #e4e9f2}.official-art-caption{color:#536581;font-size:9px;letter-spacing:1.25px}.ticker{background:#12213e;color:#fff;font-size:11px;letter-spacing:2px;padding:18px 20px;border-top:3px solid var(--gold)}.ticker span{white-space:normal;line-height:1.8}.listen-section{padding-top:60px;padding-bottom:45px}.section-top h2{font-size:44px;margin-top:14px}.demo-badge{color:#725608;border-color:#ead796;background:#fff8de;font-weight:700}.player{background:#fff;border:1px solid var(--line);border-radius:18px;padding:25px;box-shadow:0 10px 32px #12213e06;gap:22px}.cover{border:1px solid #edf0f5;border-radius:12px}.track h3{color:#12213e}.track p,#status{color:#627087}.round{background:#1749d4;color:#fff;box-shadow:0 5px 14px #1749d425}.round:hover{background:#103ab4}.volume button{color:#1749d4}.stream-note{border-color:var(--line);background:#eaf0fc;border-radius:12px;padding:20px;align-items:flex-start}.stream-note>span{color:#1749d4}.stream-note p{margin:7px 0 0;color:#536581}.about{border-color:var(--line);gap:55px}.about h2{font-size:51px}.about h2 span{color:#1749d4}.about p,.profile-section p{color:#627087;font-size:14px}.about strong{color:#12213e}.about a{color:#1749d4}.profile-section{border-color:var(--line)}.purpose h2{font-size:34px}.purpose article{border-left:3px solid #d9e3fb;padding-left:22px}.purpose article:last-child{border-color:var(--gold)}.services-grid{gap:20px}.services-grid article{background:#fff;border-color:var(--line);border-radius:16px;padding:29px;box-shadow:0 7px 24px #12213e04}.services-grid article:nth-child(2){border-top:3px solid var(--red)}.services-grid article:first-child{border-top:3px solid #1749d4}.services-grid article:last-child{border-top:3px solid var(--gold)}.service-number{color:#1749d4}.services-grid h3{font-size:19px}.company dt,.compliance dt{color:#1749d4}.company dd{color:#4c5c75}.compliance{border-color:var(--line);background:#fff;border-radius:12px;padding:0 22px}.compliance summary{color:#12213e}.compliance summary span{color:#1749d4}.closing{max-width:1130px;margin:35px auto 55px;padding:52px 20px;background:#12213e;border-radius:22px;color:#fff}.closing>span{color:#c2cde1}.closing h2{font-size:59px}.closing em{color:var(--gold)}.closing .primary{background:var(--gold);color:#12213e;box-shadow:none}.closing .primary:hover{background:#ffda64}footer{background:#fff;border-color:var(--line);gap:20px;flex-wrap:wrap}footer p,footer>small,footer p span,footer .admin-link{color:#627087}footer .admin-link:hover{color:#1749d4}.sponsor-section>.eyebrow{color:#627087}.sponsor-banner{border-color:var(--line);background:#fff;border-radius:14px;box-shadow:0 7px 22px #12213e04}.dashboard{max-width:1250px}.dashboard h1{font-size:60px}.panel,.stats>div{background:#fff;border-color:var(--line);box-shadow:0 8px 25px #12213e05}.panel p,.intro,.stats span,.empty{color:#627087}label input{background:#f8faff;border-color:#d3ddeb;color:#12213e;border-radius:9px;padding:14px}label input:focus{border-color:#1749d4}.banner-card img{background:#f1f5fb}.badge{color:#1749d4;border-color:#d3dff9;background:#edf3ff}.delete{color:#b72e18}.message{background:#edf8ed;color:#28572e;border-color:#b9dcbc}.message.error{background:#fff0ea;color:#a32a15;border-color:#efc6bb}header>a:not(.brand){color:#536581}header>a:not(.brand):hover{color:#1749d4}
@media(max-width:900px){.hero{gap:24px;padding-top:45px}.hero h1{font-size:65px}.official-art{padding:24px 18px}.about h2{font-size:43px}header nav{gap:20px}.closing{margin-left:5%;margin-right:5%}}
@media(max-width:600px){header{padding:14px 6% 10px;gap:10px;border-radius:0 0 16px 16px}.brand .official-logo{width:124px;height:70px}header nav{gap:8px;width:100%;font-size:12px;border-top:1px solid #edf0f7;padding-top:5px}header nav a{padding:10px 8px}.hero{padding:34px 6% 40px;grid-template-columns:1fr;gap:28px}.hero h1{font-size:clamp(48px,12.8vw,70px);line-height:1.02;margin:22px 0;letter-spacing:-.5px}.hero-copy>p{font-size:14px;line-height:1.8;margin:20px 0 24px}.hero .eyebrow{font-size:9px;letter-spacing:1.4px}.hero-note{margin-top:22px;font-size:8px;letter-spacing:1.25px}.official-art{margin-top:0;padding:20px 16px;border-radius:20px;gap:16px}.official-art:before{font-size:8px}.logo-showcase{max-width:none;transform:none;border-radius:12px}.official-art-caption{font-size:8px;letter-spacing:1px}.ticker{font-size:9px;padding:13px 15px;letter-spacing:1.6px}.listen-section{padding-top:38px;padding-bottom:35px}.section-top h2{font-size:32px}.section-top .eyebrow{font-size:8px;letter-spacing:1.2px}.demo-badge{font-size:8px;padding:8px 10px}.player{padding:16px;gap:12px;border-radius:14px}.track{min-width:0;flex-basis:calc(100% - 85px)}.cover{width:60px;height:60px}.track h3{font-size:16px}.round{height:46px;width:46px;margin-left:72px}.volume{display:flex;margin-left:auto}.volume input{width:85px}.stream-note{padding:16px}.about{gap:24px;padding-top:35px;padding-bottom:35px}.about h2{font-size:40px}.about p,.profile-section p{font-size:13px}.purpose{gap:28px}.purpose h2{font-size:31px}.services-grid article{padding:23px}.profile-section>h2{font-size:35px}.company h2{font-size:34px}.company dd{font-size:12px}.compliance{padding:0 16px}.compliance summary{font-size:12px}.closing{margin:28px 6% 35px;padding:38px 18px;border-radius:18px}.closing h2{font-size:46px}footer{padding:25px 6%}.dashboard h1{font-size:48px}.dashboard{padding-top:32px}.dashboard header{gap:12px}}
.brand{flex-direction:column;gap:2px;align-items:center}.station-tagline{font-size:15px;font-weight:800;font-style:italic;letter-spacing:.6px;color:var(--red);line-height:1.2;margin-bottom:5px}.hero-tagline{display:block;font-family:'Barlow Condensed',Impact,sans-serif;font-size:38px;font-style:italic;line-height:1.1;letter-spacing:.5px;color:var(--red);margin-bottom:10px}.official-art-caption>span{display:block}footer .station-tagline{font-size:13px}@media(max-width:600px){.station-tagline{font-size:13px}.hero-tagline{font-size:33px}}
@media(prefers-reduced-motion:reduce){button,a,input{transition:none}}