*{box-sizing:border-box} :root{--blue:#087cf5;--navy:#07377e;--line:#bfe5ff;--pale:#edf9ff}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;color:#06377c;background:linear-gradient(120deg,#f7fcff,#e8f7ff);font-size:14px}a{color:inherit;text-decoration:none}.topbar{height:88px;display:flex;align-items:center;gap:24px;padding:12px 2.3%;border-bottom:1px solid #d5efff;background:#f7fcffde}.brand{display:flex;align-items:center;gap:12px;min-width:290px;color:#063b83}.brand b{display:block;font-size:34px;letter-spacing:-1px}.brand small{display:block;font-size:20px;font-weight:500}.mic{display:grid;place-items:center;background:linear-gradient(140deg,#27c6ff,#005ce4);border:4px solid #bdeaff;color:white;width:64px;height:64px;border-radius:50%;font-size:31px;box-shadow:0 4px 12px #0785df33}.nav{display:flex;align-items:center;justify-content:center;gap:22px;flex:1;white-space:nowrap}.nav a{padding:12px 0;border-bottom:2px solid transparent}.nav a:first-child{color:#0785ff;border-color:#0785ff}.head-actions{display:flex;gap:12px}.outline,.primary{display:inline-flex;align-items:center;justify-content:center;border:1px solid #0785ff;border-radius:13px;padding:13px 24px;font-weight:700;color:#087cf5;background:white;white-space:nowrap}.primary{background:linear-gradient(120deg,#168cff,#0064e8);color:white;border:0}.menu-toggle{display:none}.layout{display:grid;grid-template-columns:minmax(0,2.05fr) minmax(340px,.93fr);gap:15px;padding:0 1.5%}.maincol,.sidecol{min-width:0}.hero{height:313px;margin-top:0;border:1px solid var(--line);border-radius:15px;overflow:hidden;position:relative;display:flex;background:linear-gradient(90deg,#fff 0%,#f6fbff 52%,#d7f2ff 100%);box-shadow:0 4px 12px #62b9e51c}.hero-copy{position:relative;z-index:2;padding:27px 30px;width:62%}.hero h1{font-size:clamp(29px,3.2vw,51px);line-height:1.08;margin:0 0 14px;letter-spacing:-1.5px}.hero h1 span{color:#0784ff}.hero p{font-size:23px;line-height:1.35;font-weight:600;margin:0 0 18px}.hero-buttons{display:flex;gap:12px}.voice{padding:17px 20px;border-radius:24px;color:#fff;font-weight:700;font-size:16px;white-space:nowrap}.blue{background:linear-gradient(100deg,#168cff,#0871ee)}.pink{background:linear-gradient(100deg,#f51b80,#ed3d9a)}.hero-person{position:absolute;right:0;top:0;width:46%;height:100%;background-image:linear-gradient(90deg,#f8fcff00,#d7f3ff12),url("slider-person.jpg");background-size:cover;background-position:center 38%;background-repeat:no-repeat;mask-image:linear-gradient(90deg,transparent 0%,#000 14%);}.wave{position:absolute;top:26%;right:2%;color:#09a5ff;font-size:29px;letter-spacing:2px}.script{position:absolute;right:10%;bottom:14%;font-family:cursive;font-style:italic;font-weight:bold;font-size:32px;line-height:1.05;color:#0669d7;transform:rotate(-8deg)}.stats{display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(100deg,#e3f6ff,#f5fcff);border:1px solid var(--line);border-radius:14px;margin:11px 0 14px;padding:15px 8px}.stat{display:flex;align-items:center;justify-content:center;gap:14px;border-right:1px solid #86cfff}.stat:last-child{border:0}.stat strong{font-size:35px;color:#087cf5}.stat span{font-size:14px}.stat b{display:block;font-size:25px;margin-top:4px}.panel{background:#ffffffb8;border:1px solid var(--line);border-radius:14px;padding:13px 16px;margin-bottom:11px;box-shadow:0 3px 12px #8bd3f51a;min-width:0}.section-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.section-title h2,.panel h2{font-size:19px;margin:0;font-weight:750}.section-title>a{color:#0785ff;font-weight:600;white-space:nowrap}.article-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0 20px}.article{position:relative;overflow:hidden;border:1px solid #d5eefe;border-radius:9px;background:white;box-shadow:0 3px 8px #3a9ee61a}.article img{width:100%;height:120px;object-fit:cover;display:block;background:#dff4ff}.tag{position:absolute;top:95px;left:12px;background:#078cff;color:white;border-radius:20px;padding:6px 13px;font-size:12px}.article:nth-child(2) .tag{background:#8348ec}.article:nth-child(4) .tag{background:#ed2787}.article-body{padding:8px 12px 7px}.article-body b{display:block;font-size:13px;line-height:1.35;min-height:35px}.article-body small{display:block;color:#1765b9;margin-top:6px}.room-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.room{height:91px;background-size:cover;background-position:center;border-radius:9px;color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;text-shadow:0 1px 5px #001b40;gap:3px;overflow:hidden}.room span{display:grid;place-items:center;width:38px;height:38px;background:#087ff0;border-radius:50%;font-size:22px}.room:nth-child(3) span{background:#f1267d}.room b{font-size:12px}.room small{font-size:11px}.founders{padding:16px}.founder-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:12px}.founder{text-align:center;padding:0 12px}.founder+ .founder{border-left:1px solid #d7ecff}.founder img{width:112px;height:112px;object-fit:cover;border-radius:50%;display:block;margin:0 auto 8px;background:#e3f4ff}.founder b{display:block;font-size:16px}.founder span{display:block;color:#0785ff;margin:5px 0}.founder p{line-height:1.5;margin:8px 0 0}.notice{display:flex;align-items:center;gap:12px;padding:10px 2px;border-top:1px solid #e1f1ff}.notice b{font-size:26px;color:#073b88}.notice span{flex:1}.notice small{color:#3378c5;white-space:nowrap}.metric{display:grid;grid-template-columns:30px 1fr auto auto;align-items:center;gap:9px;padding:10px 4px;border-bottom:1px solid #e0f0fc}.metric strong{font-size:23px;color:#087cf5}.metric b{font-size:15px}.metric em{font-style:normal;color:#00b980;margin-left:20px}.active{padding:11px 4px;color:#00b783;font-weight:700}.active small{float:right;color:#244c7d;font-weight:400}.quick{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.quick a{border:1px solid #cce9ff;background:#fbfdff;border-radius:12px;padding:12px 15px;font-weight:600}.sidecol .panel{margin-top:0}.sidecol .panel h2{margin-bottom:8px}footer{display:flex;align-items:center;gap:26px;padding:12px 2.3%;border-top:1px solid #d4edff;background:#effaff;flex-wrap:wrap}footer .brand{min-width:220px}footer .brand b{font-size:22px}footer .brand small{font-size:14px}footer .mic{width:58px;height:58px}footer nav{display:flex;gap:15px;flex:1;justify-content:center;flex-wrap:wrap}footer nav a{font-size:12px}footer>small{width:100%;text-align:center;color:#315b89}.social{display:flex;gap:10px}.social a{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#0878e9;color:#fff;font-size:20px}.listing{max-width:1200px;margin:30px auto;padding:0 20px}.listing h1{font-size:32px}.listing .article-grid{padding:0;grid-template-columns:repeat(4,1fr)}.install{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{background:white;border:1px solid var(--line);border-radius:20px;padding:30px;width:min(100%,440px);box-shadow:0 15px 50px #0878e91b}.login-card h1{margin-top:0}.login-card input,.admin-box input,.admin-box textarea{width:100%;padding:12px;border:1px solid #c8e4f8;border-radius:9px;margin:6px 0 15px;font:inherit}.login-card label{display:block;font-weight:600}.login-card button,.login-card .block{width:100%;margin-top:12px}.flash{background:#e8f8ff;border:1px solid #a8dcff;color:#07508d;padding:12px;border-radius:9px;margin:12px 0}.admin{display:flex;min-height:100vh;background:#f2f8fc}.admin-side{width:260px;background:#082e67;color:#fff;padding:24px 15px;display:flex;flex-direction:column;gap:7px;flex-shrink:0}.admin-side .brand{color:white;min-width:0;margin-bottom:25px}.admin-side .brand b{font-size:23px}.admin-side .brand small{font-size:13px}.admin-side .mic{width:46px;height:46px;font-size:22px}.admin-side>a:not(.brand){padding:13px;border-radius:9px;color:#e2f3ff}.admin-side>a.selected,.admin-side>a:hover{background:#0c79e8;color:#fff}.admin-main{padding:28px;min-width:0;flex:1}.admin-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:15px}.admin-head small{color:#3983c4;letter-spacing:1px}.admin-head h1{margin:7px 0;font-size:30px}.admin-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.admin-cards>div,.admin-box{background:white;border:1px solid #d4e9f8;border-radius:14px;padding:22px;box-shadow:0 3px 10px #245d8310}.admin-cards small{display:block;color:#55748c}.admin-cards b{display:block;font-size:30px;margin-top:10px;color:#087cf5}.admin-box{margin-bottom:20px}.admin-box h2{margin-top:0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.form-grid label{display:block;font-weight:600}.form-grid button{align-self:end;margin-bottom:15px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{text-align:left;padding:11px;border-bottom:1px solid #e0edf6}th{background:#eff8ff}.danger{background:#ffe9ec;color:#b21c3c;border:0;padding:8px 12px;border-radius:7px;cursor:pointer}@media(max-width:1200px){.topbar{gap:12px}.brand{min-width:220px}.brand b{font-size:27px}.brand small{font-size:16px}.nav{gap:10px;font-size:12px}.head-actions .outline,.head-actions .primary{padding:11px 14px}.layout{grid-template-columns:minmax(0,1.7fr) minmax(300px,.9fr)}.hero-copy{padding:25px 22px}.hero p{font-size:18px}.voice{font-size:13px;padding:15px 13px}.article-grid{padding:0;gap:8px}.article img{height:100px}.tag{top:77px}.room-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:850px){.topbar{height:auto;min-height:75px;flex-wrap:wrap;padding:10px 14px}.brand{flex:1}.brand b{font-size:25px}.brand small{font-size:14px}.mic{width:50px;height:50px;font-size:23px}.menu-toggle{display:block;background:white;border:1px solid var(--line);padding:9px 12px;border-radius:8px;color:#0677e9}.nav{display:none;order:3;width:100%;flex-basis:100%;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:12px;border-bottom:1px solid #d9efff}.head-actions{order:2}.head-actions .outline,.head-actions .primary{padding:10px 12px}.layout{display:flex;flex-direction:column;padding:0 12px;gap:0}.hero{height:auto;min-height:350px}.hero-copy{width:100%;padding:22px 18px;z-index:2}.hero h1{font-size:clamp(31px,7vw,48px)}.hero p{font-size:18px}.hero-person{width:45%;opacity:.25}.hero-buttons{flex-wrap:wrap}.voice{font-size:14px}.stats{grid-template-columns:1fr 1fr;row-gap:12px}.stat{justify-content:flex-start;padding:4px 10px}.stat:nth-child(2){border-right:0}.stat strong{font-size:29px}.stat b{font-size:20px}.article-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.article img{height:135px}.tag{top:110px}.room-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.room{height:105px}.sidecol{display:grid;grid-template-columns:1fr;gap:0}.founder img{width:92px;height:92px}.founder p{font-size:12px}footer{gap:14px;padding:18px}footer nav{justify-content:flex-start}.admin{display:block}.admin-side{width:100%;display:grid;grid-template-columns:repeat(2,1fr);padding:12px}.admin-side .brand{grid-column:1/-1;margin:0}.admin-main{padding:15px}.admin-head{align-items:flex-start;flex-direction:column}.admin-cards{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.listing .article-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:430px){.head-actions{width:100%;order:4}.head-actions>*{flex:1}.hero{min-height:390px}.hero-copy{padding:20px 15px}.hero h1{font-size:32px}.hero p{font-size:17px}.hero-buttons{flex-direction:column;align-items:flex-start}.voice{min-width:205px}.stats{padding:12px 3px}.stat{gap:7px;padding:4px}.stat strong{font-size:25px}.stat span{font-size:12px}.stat b{font-size:18px}.panel{padding:12px}.section-title h2,.panel h2{font-size:17px}.article-grid{gap:8px}.article img{height:105px}.tag{top:82px;left:6px;padding:5px 9px}.article-body{padding:8px}.article-body b{font-size:12px}.room-grid{gap:7px}.founder{padding:0 5px}.notice{gap:7px}.notice small{font-size:10px}.metric{grid-template-columns:24px 1fr auto;gap:5px}.metric em{display:none}.active small{float:none;display:block;margin:5px 0 0}.admin-side{grid-template-columns:1fr 1fr}.admin-cards{gap:8px}.admin-cards>div{padding:14px}.admin-cards b{font-size:24px}}
/* OvroChat branding and responsive CTA */
.ovrochat-cta{background:linear-gradient(120deg,#08b8f4,#075fe8);box-shadow:0 7px 18px #087cf533;letter-spacing:.2px}.ovrochat-cta:hover{filter:brightness(1.06);transform:translateY(-1px)}.script small{display:block;font:700 12px/1.4 "Segoe UI",Arial,sans-serif;font-style:normal;transform:rotate(8deg);white-space:nowrap;margin-top:7px;color:#087cf5}@media(max-width:430px){.script{font-size:27px}.script small{font-size:10px;white-space:normal;max-width:130px}}

/* Reference screenshot image integration */
.wave,.script{display:none}.room{background-position:center;background-size:cover}.founder img{object-position:center}
@media(max-width:850px){.hero-person{width:52%;background-position:center 35%;opacity:.38;mask-image:linear-gradient(90deg,transparent 0%,#000 18%)}}
/* OvroChat advanced admin panel */
.admin{background:#f3f7fc;color:#172f50;font-size:14px}.admin-side{background:linear-gradient(180deg,#082d66,#061d43);padding:22px 14px;box-shadow:6px 0 24px #082e6710}.admin-side .brand{padding:8px 5px 20px;border-bottom:1px solid #ffffff20}.admin-side>a:not(.brand){display:flex;align-items:center;gap:10px;padding:13px 14px;font-weight:600;color:#d9e9ff;transition:.18s}.admin-side>a.selected,.admin-side>a:hover{background:linear-gradient(100deg,#168cff,#0868d8);box-shadow:0 8px 18px #0078ff30}.admin-main{padding:30px clamp(15px,3vw,42px);max-width:1700px;margin:0 auto;width:100%}.admin-head{padding:0 0 20px;border-bottom:1px solid #e0eaf5}.admin-head h1{font-size:clamp(25px,2.3vw,34px);letter-spacing:-.8px;color:#102d53}.admin-head>span{background:#fff;border:1px solid #e0eaf5;border-radius:30px;padding:10px 15px;color:#355879}.welcome-banner{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 32px;margin:22px 0;background:linear-gradient(115deg,#073b83,#087df4 68%,#32c2ff);border-radius:20px;color:white;overflow:hidden;position:relative;box-shadow:0 14px 35px #0b77dd22}.welcome-banner h2{font-size:clamp(22px,2.2vw,31px);margin:8px 0}.welcome-banner p{color:#e4f3ff;margin:0 0 18px}.welcome-banner .eyebrow,.box-heading small{font-size:10px;letter-spacing:1.5px;font-weight:800;opacity:.8}.welcome-banner .primary{background:white;color:#0769d7}.welcome-mark{font-size:110px;line-height:1;color:#ffffff24;margin-right:30px}.admin-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 20px}.metric-card{background:#fff;border:1px solid #e0eaf5;border-radius:16px;padding:20px;display:grid;grid-template-columns:46px 1fr;column-gap:12px;box-shadow:0 5px 18px #12385b08;transition:transform .2s,border-color .2s}.metric-card:hover{transform:translateY(-3px);border-color:#9acfff}.metric-icon{grid-row:span 3;width:46px;height:46px;border-radius:13px;background:#e7f4ff;display:grid;place-items:center;font-size:22px}.metric-card small{color:#69809a;font-weight:600}.metric-card b{font-size:29px;color:#123c72;margin:3px 0}.metric-card em{font-size:11px;font-style:normal;color:#087cf5}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:18px}.admin-box{border:1px solid #e0eaf5;border-radius:16px;padding:24px;box-shadow:0 5px 18px #12385b08;margin-bottom:18px}.box-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.box-heading h2{font-size:21px;margin:5px 0;color:#12345c}.box-heading p{margin:7px 0 0;color:#6a8097;font-weight:400}.box-heading small{color:#1684ed}.box-heading>a{color:#087cf5;font-weight:700;white-space:nowrap}.action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.action-grid a{display:grid;grid-template-columns:38px 1fr;align-items:center;column-gap:10px;padding:15px;border:1px solid #e0edf8;border-radius:12px;background:#fbfdff;font-size:22px}.action-grid a:hover{background:#eff8ff;border-color:#b5dcff}.action-grid b{font-size:13px;color:#18395f}.action-grid small{grid-column:2;color:#71859b;font-size:11px;margin-top:4px}.recent-row{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-bottom:1px solid #edf2f8}.recent-row:last-child{border-bottom:0}.recent-dot{color:#0d9cff;font-size:12px;padding-top:4px}.recent-row b,.recent-row small{display:block}.recent-row b{font-size:13px}.recent-row small{font-size:11px;color:#7b8fa4;margin-top:5px}.form-grid{gap:4px 20px}.form-grid label{color:#294766;font-size:12px;font-weight:700}.admin-box input,.admin-box textarea{border-color:#d8e5f1;border-radius:10px;background:#fbfdff;margin:8px 0 16px;outline:none;transition:border-color .2s,box-shadow .2s}.admin-box input:focus,.admin-box textarea:focus{border-color:#168cff;box-shadow:0 0 0 3px #168cff18}.admin-box textarea{resize:vertical}.admin-box .primary{padding:12px 20px;border-radius:10px;cursor:pointer}.table-search{max-width:230px;margin:0!important}.table-wrap{border:1px solid #e5edf5;border-radius:12px}table{white-space:normal}th{background:#f4f8fc;color:#5b7189;font-size:11px;text-transform:uppercase;letter-spacing:.5px}td{font-size:12px;color:#38516d;vertical-align:middle}tr:hover td{background:#fbfdff}.cell-clip{max-width:230px;overflow-wrap:anywhere}.row-actions{display:flex;align-items:center;gap:7px}.row-actions form{margin:0}.edit-btn,.danger{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;padding:8px 10px;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap}.edit-btn{background:#e8f4ff;color:#0875dc}.danger{background:#fff0f1;color:#c02b45}.count-pill{display:inline-grid;place-items:center;background:#e8f4ff;color:#0875dc;border-radius:20px;font-size:12px;padding:3px 9px;vertical-align:middle}.security-shield{font-size:35px;background:#e8f4ff;border-radius:14px;padding:12px}.security-note{margin-top:20px;padding:13px;background:#f0fbf7;color:#087b5b;border-radius:10px;font-size:12px}.flash{border-color:#b9e8d5;background:#edfbf5;color:#087b5b}.outline{cursor:pointer}@media(max-width:1050px){.admin-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.admin-main{padding:20px}}@media(max-width:650px){.admin-side{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.admin-side .brand{grid-column:1/-1}.admin-side>a:not(.brand){font-size:12px;padding:11px 9px}.admin-main{padding:13px}.welcome-banner{padding:22px 18px;border-radius:15px}.welcome-mark{display:none}.admin-cards{gap:9px}.metric-card{padding:13px;grid-template-columns:34px 1fr;gap:8px}.metric-icon{width:34px;height:34px;font-size:17px}.metric-card b{font-size:24px}.admin-box{padding:17px}.box-heading{align-items:flex-start;flex-wrap:wrap}.action-grid{grid-template-columns:1fr}.table-search{max-width:100%;width:100%}.row-actions{flex-wrap:wrap}.form-grid{grid-template-columns:1fr}}


/* OvroChat responsive and visual fixes */
html{scroll-behavior:smooth}body{min-width:320px}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #54b8ff;outline-offset:2px}.topbar{position:relative;z-index:10}.menu-toggle{border:1px solid #bfe5ff;background:#fff;color:#087cf5;border-radius:10px;padding:9px 12px;font-size:21px;cursor:pointer}.login-card{max-width:440px}.login-card button{min-height:44px;cursor:pointer}.admin{width:100%}.admin-side{min-width:0}.admin-main{overflow:hidden}.admin-box input,.admin-box textarea,.login-card input{min-width:0}
@media(max-width:1100px){.topbar{flex-wrap:wrap}.nav{white-space:normal}.layout{grid-template-columns:minmax(0,1fr)}.sidecol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sidecol .panel{margin:0}.hero{min-height:280px}}
@media(max-width:850px){.topbar{padding:12px 16px;gap:12px}.topbar .brand{min-width:0;flex:1}.menu-toggle{display:inline-flex;align-items:center;justify-content:center}.nav{display:none;flex:0 0 100%;order:3;align-items:stretch;flex-direction:column;gap:0;padding:8px 0}.nav.open{display:flex}.nav a{padding:11px 8px;border-bottom:1px solid #e1f1ff}.head-actions{margin-left:auto}.layout{padding:0 12px}.hero-copy{width:72%;padding:22px 18px}.hero-person{width:42%;opacity:.82}.hero p{font-size:16px}.hero-buttons{flex-wrap:wrap}.voice{padding:12px 13px}.article-grid,.listing .article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.room-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin{display:block}.admin-side{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.admin-side .brand{grid-column:1/-1;margin-bottom:8px}.admin-side>a:not(.brand){min-width:0;overflow-wrap:anywhere}.admin-main{padding:18px}}
@media(max-width:560px){.brand b{font-size:24px}.brand small{font-size:14px}.mic{width:48px;height:48px;font-size:24px;border-width:3px}.head-actions{width:100%}.head-actions>a{flex:1;padding:10px 8px}.hero{min-height:360px;height:auto}.hero-copy{width:100%;padding:22px 16px 145px}.hero h1{font-size:clamp(27px,8vw,38px)}.hero p{font-size:15px}.hero-person{top:auto;bottom:0;width:55%;height:48%;opacity:.9}.wave,.script{display:none}.hero-buttons{position:relative;z-index:3;flex-direction:column;align-items:flex-start}.voice{font-size:13px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 0}.stat{justify-content:flex-start;padding:4px 8px;gap:8px}.stat:nth-child(2){border-right:0}.stat strong{font-size:25px}.stat b{font-size:18px}.panel{padding:12px}.section-title h2,.panel h2{font-size:16px}.article-grid,.listing .article-grid{gap:9px}.article img{height:105px}.tag{top:80px;left:6px;padding:4px 8px;font-size:10px}.article-body{padding:8px}.article-body b{font-size:12px}.sidecol{grid-template-columns:minmax(0,1fr)}.founder{padding:0 6px}.founder img{width:78px;height:78px}.founder b{font-size:14px}.founder p{font-size:12px}.admin-main{padding:12px}.admin-head{align-items:flex-start;flex-direction:column}.admin-head h1{font-size:24px}.admin-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{grid-template-columns:minmax(0,1fr)}.admin-box{padding:14px}.login-card{padding:22px}footer{padding:18px 14px;gap:14px}footer .brand{min-width:0}}


/* Responsive refinement: single configurable Bay Sohbet entry button */
.hero-buttons{display:flex;gap:12px;align-items:center;flex-wrap:wrap;max-width:100%}
.hero-buttons .voice{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;max-width:100%;min-height:46px;text-align:center;white-space:normal;overflow-wrap:anywhere}
@media(max-width:850px){
  .hero-buttons{width:100%;align-items:stretch}
  .hero-buttons .voice{width:fit-content;max-width:100%}
}
@media(max-width:560px){
  .hero-buttons{gap:10px}
  .hero-buttons .voice{width:100%;min-height:48px;padding:13px 14px;font-size:14px;line-height:1.35}
  .hero-copy{box-sizing:border-box;min-width:0}
  .hero h1,.hero p{overflow-wrap:anywhere}
  .layout,.maincol,.sidecol,.panel,.topbar,footer{min-width:0;max-width:100%}
  img{max-width:100%;height:auto}
}


/* Slider: only one configurable Bay Sohbet Girişi button */
.hero-buttons .voice.pink { display:none !important; }
.hero-buttons { display:flex; flex-wrap:wrap; max-width:100%; }
.hero-buttons .voice { box-sizing:border-box; max-width:100%; white-space:normal; overflow-wrap:anywhere; }
@media (max-width:560px) {
  .hero-buttons { width:100%; }
  .hero-buttons .voice { width:100%; min-height:48px; line-height:1.35; text-align:center; }
}

/* Admin-managed homepage slider */
.slider-hero{height:313px;display:block;background:#062b60;position:relative}
.slider-hero .slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .65s ease;background-size:cover;background-position:center;display:flex;align-items:center}
.slider-hero .slide.is-active{opacity:1;visibility:visible;z-index:1}
.slider-hero .slide-copy{position:relative;z-index:2;padding:28px 34px;width:min(70%,680px);color:#fff}
.slider-hero .slide-copy h1{font-size:clamp(28px,3.2vw,48px);line-height:1.12;margin:0 0 12px;color:#fff}
.slider-hero .slide-copy h1 span{color:#70c7ff}
.slider-hero .slide-copy p{font-size:19px;line-height:1.45;font-weight:600;margin:0 0 18px;color:#f1f8ff}
.slider-hero .slide-copy .voice{display:inline-flex}
.slider-hero .fallback-slide{background:linear-gradient(90deg,#fff,#d7f2ff)}
.slider-hero .fallback-slide .slide-copy{color:#06377c}
.slider-hero .fallback-slide .slide-copy h1{color:#06377c}
.slider-hero .fallback-slide .slide-copy p{color:#06377c}
@media(max-width:700px){.slider-hero{height:280px}.slider-hero .slide{background-position:center}.slider-hero .slide-copy{width:88%;padding:22px}.slider-hero .slide-copy h1{font-size:30px}.slider-hero .slide-copy p{font-size:15px}.slider-hero .hero-person{width:42%;opacity:.7}}

/* Three selectable homepage themes; existing routes/content remain unchanged. */
.theme-manager .theme-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:8px 0 22px}
.theme-choice{position:relative;display:flex;flex-direction:column;gap:12px;border:2px solid #dce8f4;border-radius:15px;padding:12px;background:#fff;cursor:pointer;min-width:0;transition:border-color .18s,transform .18s,box-shadow .18s}
.theme-choice:hover{transform:translateY(-2px);box-shadow:0 8px 24px #143c6212}.theme-choice.is-active{border-color:#078cff;box-shadow:0 0 0 3px #078cff18}.theme-choice input{position:absolute;top:12px;right:12px;width:18px;height:18px;accent-color:#078cff}.theme-choice>img,.theme-art{width:100%;height:145px;object-fit:cover;border-radius:9px;display:block;background:#071e3e}.theme-choice>span{display:flex;flex-direction:column;gap:5px;padding:2px 2px 22px}.theme-choice>span b{font-size:15px;color:#18395f}.theme-choice>span small{font-size:12px;line-height:1.5;color:#647b91}.theme-choice>em{position:absolute;bottom:13px;right:14px;font-size:11px;color:#087cf5;font-style:normal;font-weight:800}.theme-art{padding:12px;display:flex;flex-direction:column;gap:10px;overflow:hidden}.art-top{height:19px;border-radius:5px;background:#09182f;border:1px solid #19c9ff}.art-hero{height:72px;border-radius:7px;background:linear-gradient(105deg,#041b3b,#0878c9 52%,#16d7ed)}.art-cards{display:flex;gap:7px}.art-cards i{height:22px;flex:1;border-radius:4px;background:#0c3b68;border:1px solid #0ccaff}.art-two{background:#1a1039}.art-two .art-top{background:#100a25;border-color:#ff4bbd}.art-two .art-hero{background:linear-gradient(105deg,#160e34,#7732a8 55%,#ff4b9d)}.art-two .art-cards i{background:#38205c;border-color:#f34db8}.art-three{background:#eafaff}.art-three .art-top{background:#fff;border-color:#00a9bd}.art-three .art-hero{background:linear-gradient(105deg,#d7f7ff,#18b8d0 55%,#0876bd)}.art-three .art-cards i{background:#fff;border-color:#71dbe8}.theme-save{margin-right:8px}
/* Theme 1: dark navy and cyan, inspired by the supplied SesliGemi screenshot. */
.site-theme.theme-1{color:#eaf7ff;background:radial-gradient(ellipse at 50% 0,#064d8b 0,#03172f 52%,#020d20 100%);--blue:#00bfff;--navy:#031c3b;--line:#087fc1;--pale:#06264a}
.theme-1 .topbar{background:linear-gradient(100deg,#020d20f5,#052e57f5);border-bottom:2px solid #058fe0;box-shadow:0 4px 22px #00aaff20}
.theme-1 .brand{color:#f4fbff}.theme-1 .brand b{color:#fff}.theme-1 .brand b::first-letter{color:#00c7ff}.theme-1 .nav a{color:#e6f6ff}.theme-1 .nav a:first-child,.theme-1 .section-title>a{color:#00d4ff;border-color:#00cfff}.theme-1 .outline{background:#031b38;color:#fff;border-color:#00bfff}.theme-1 .primary,.theme-1 .voice.blue{background:linear-gradient(120deg,#05c9ff,#0876ff);color:#fff}
.theme-1 .layout{background:transparent}.theme-1 .hero{border-color:#087fc1;background:#03234a;box-shadow:0 5px 22px #00aaff20}.theme-1 .slider-hero .slide-copy h1{color:#fff}.theme-1 .slider-hero .slide-copy p{color:#e7f8ff}.theme-1 .stats,.theme-1 .panel{background:linear-gradient(135deg,#031b37f5,#042b50f5);border-color:#087fc1;color:#f2f9ff;box-shadow:0 4px 20px #008cff18}.theme-1 .stat{border-color:#087fc1}.theme-1 .stat strong,.theme-1 .metric strong,.theme-1 .panel h2,.theme-1 .section-title h2{color:#13cfff}.theme-1 .article{background:#061d39;border-color:#087fc1;color:#fff}.theme-1 .article-body small,.theme-1 .article-body b{color:#f2f9ff}.theme-1 .room{border:1px solid #078ecb}.theme-1 .founder b,.theme-1 .founder span,.theme-1 .founder p,.theme-1 .notice,.theme-1 .metric,.theme-1 .active{color:#e8f7ff}.theme-1 .notice,.theme-1 .metric{border-color:#075c8e}.theme-1 footer{background:#03162e;border-color:#087fc1;color:#e8f7ff}.theme-1 footer .brand{color:#fff}.theme-1 .menu-toggle{background:#04284b;color:#fff;border-color:#00bfff}
/* Theme 2: cinematic purple and magenta. */
.site-theme.theme-2{color:#f9f2ff;background:radial-gradient(ellipse at 50% 0,#3d1b69 0,#160d2e 52%,#0b0719 100%);--blue:#b64cff;--navy:#170d32;--line:#7b3fb0;--pale:#24113f}
.theme-2 .topbar{background:linear-gradient(100deg,#100820f7,#2a1048f7);border-bottom:2px solid #e34bcb}.theme-2 .brand,.theme-2 .brand b{color:#fff}.theme-2 .nav a{color:#f7eaff}.theme-2 .nav a:first-child,.theme-2 .section-title>a{color:#ff6cda;border-color:#ff4dc8}.theme-2 .outline{background:#211037;color:#fff;border-color:#c74bdb}.theme-2 .primary,.theme-2 .voice.blue{background:linear-gradient(120deg,#a43df1,#f02d9b);color:#fff}.theme-2 .hero{background:#1b0d36;border-color:#9c42bd}.theme-2 .stats,.theme-2 .panel{background:linear-gradient(135deg,#1b0d35f5,#35114ef5);border-color:#783a9c;color:#fff}.theme-2 .stat{border-color:#71328f}.theme-2 .stat strong,.theme-2 .metric strong,.theme-2 .panel h2,.theme-2 .section-title h2{color:#ff73d8}.theme-2 .article{background:#211039;border-color:#8540a4;color:#fff}.theme-2 .article-body small,.theme-2 .article-body b,.theme-2 .founder p,.theme-2 .founder b,.theme-2 .founder span,.theme-2 .notice,.theme-2 .metric,.theme-2 .active{color:#f9edff}.theme-2 .notice,.theme-2 .metric{border-color:#673282}.theme-2 footer{background:#100820;border-color:#7b3fb0;color:#fff}.theme-2 .menu-toggle{background:#28113d;color:#fff;border-color:#d44bd1}
/* Theme 3: bright ocean and turquoise. */
.site-theme.theme-3{color:#063b55;background:linear-gradient(140deg,#effcff,#d8f7fb 52%,#f6fdff);--blue:#00a8bd;--navy:#063b55;--line:#8edce5;--pale:#e5fbff}
.theme-3 .topbar{background:#ffffffed;border-bottom:2px solid #21c4d4;box-shadow:0 4px 18px #057f9912}.theme-3 .brand{color:#064b67}.theme-3 .nav a{color:#174b60}.theme-3 .nav a:first-child,.theme-3 .section-title>a{color:#008fa7;border-color:#00b9c9}.theme-3 .outline{background:#fff;color:#067b93;border-color:#10b5c8}.theme-3 .primary,.theme-3 .voice.blue{background:linear-gradient(120deg,#12c9d5,#087bb5);color:#fff}.theme-3 .hero{background:#dff9ff;border-color:#8edce5}.theme-3 .stats,.theme-3 .panel{background:linear-gradient(135deg,#fff,#e9fbff);border-color:#8edce5;color:#07465d;box-shadow:0 4px 16px #078aa313}.theme-3 .stat{border-color:#9ddde5}.theme-3 .stat strong,.theme-3 .metric strong,.theme-3 .panel h2,.theme-3 .section-title h2{color:#008fa7}.theme-3 .article{background:#fff;border-color:#b4e8ee;color:#06445c}.theme-3 .article-body small,.theme-3 .article-body b,.theme-3 .founder p,.theme-3 .founder b,.theme-3 .founder span,.theme-3 .notice,.theme-3 .metric,.theme-3 .active{color:#124e63}.theme-3 .notice,.theme-3 .metric{border-color:#c0eaf0}.theme-3 footer{background:#e5faff;border-color:#8edce5;color:#124e63}.theme-3 .menu-toggle{background:#fff;color:#008fa7;border-color:#10b5c8}
@media(max-width:850px){.theme-manager .theme-options{grid-template-columns:1fr}.theme-choice{display:grid;grid-template-columns:120px minmax(0,1fr);align-items:center}.theme-choice>img,.theme-art{height:100px}.theme-choice>span{padding:0 22px 0 0}.theme-choice>em{bottom:8px;right:12px}}


/* Ten selectable theme previews */
.theme-art{height:112px;border-radius:10px;overflow:hidden;padding:9px;display:flex;flex-direction:column;gap:7px;border:1px solid #ffffff30}
.theme-art .art-top{height:12px;border-radius:4px;background:#ffffff55}
.theme-art .art-hero{height:48px;border-radius:5px;background:linear-gradient(100deg,#ffffff66,#ffffff12)}
.theme-art .art-cards{display:flex;gap:5px}.theme-art .art-cards i{height:17px;flex:1;border-radius:4px;background:#ffffff50;border:1px solid #ffffff40}
.art-theme-1{background:linear-gradient(130deg,#03172f,#087fc1)}.art-theme-2{background:linear-gradient(130deg,#160d2e,#e34bcb)}.art-theme-3{background:linear-gradient(130deg,#effcff,#21c4d4)}
.art-theme-4{background:linear-gradient(130deg,#310a16,#a52a45)}.art-theme-5{background:linear-gradient(130deg,#062e25,#18a878)}.art-theme-6{background:linear-gradient(130deg,#080808,#b48b32)}.art-theme-7{background:linear-gradient(130deg,#55210e,#ff884d)}.art-theme-8{background:linear-gradient(130deg,#ffffff,#dce4ee)}.art-theme-9{background:linear-gradient(130deg,#10131b,#24e5d5)}.art-theme-10{background:linear-gradient(130deg,#4b1837,#f18bb9)}
/* Theme 4 — Royal burgundy */
.site-theme.theme-4{color:#fff1f2;background:radial-gradient(ellipse at top,#702238,#210b16 68%);--blue:#e6b56b;--navy:#260c17;--line:#9b3d53;--pale:#401321}
.theme-4 .topbar,.theme-4 footer{background:#210b16f5;border-color:#b84b60}.theme-4 .brand,.theme-4 .nav a,.theme-4 footer{color:#fff1f2}.theme-4 .nav a:first-child,.theme-4 .section-title>a,.theme-4 .panel h2,.theme-4 .section-title h2,.theme-4 .stat strong,.theme-4 .metric strong{color:#f2c77f}.theme-4 .stats,.theme-4 .panel{background:linear-gradient(135deg,#2c0e1bf5,#531629f5);border-color:#9b3d53;color:#fff1f2}.theme-4 .article{background:#3b1222;border-color:#9b3d53;color:#fff}.theme-4 .article-body b,.theme-4 .article-body small,.theme-4 .founder p,.theme-4 .founder b,.theme-4 .founder span,.theme-4 .notice,.theme-4 .metric,.theme-4 .active{color:#fff1f2}.theme-4 .primary,.theme-4 .voice.blue{background:linear-gradient(120deg,#a72e4b,#e6b56b);color:#230b14}.theme-4 .outline,.theme-4 .menu-toggle{background:#32101e;color:#fff;border-color:#c35a70}
/* Theme 5 — Emerald */
.site-theme.theme-5{color:#eafff5;background:radial-gradient(ellipse at top,#12634c,#061d19 70%);--blue:#45e0a5;--navy:#08271f;--line:#188c69;--pale:#0d382b}
.theme-5 .topbar,.theme-5 footer{background:#061d19f5;border-color:#188c69}.theme-5 .brand,.theme-5 .nav a,.theme-5 footer{color:#eafff5}.theme-5 .nav a:first-child,.theme-5 .section-title>a,.theme-5 .panel h2,.theme-5 .section-title h2,.theme-5 .stat strong,.theme-5 .metric strong{color:#65efb8}.theme-5 .stats,.theme-5 .panel{background:linear-gradient(135deg,#08271ff5,#104433f5);border-color:#188c69;color:#eafff5}.theme-5 .article{background:#0d3026;border-color:#188c69;color:#fff}.theme-5 .article-body b,.theme-5 .article-body small,.theme-5 .founder p,.theme-5 .founder b,.theme-5 .founder span,.theme-5 .notice,.theme-5 .metric,.theme-5 .active{color:#eafff5}.theme-5 .primary,.theme-5 .voice.blue{background:linear-gradient(120deg,#15b982,#52e8ac);color:#05261b}.theme-5 .outline,.theme-5 .menu-toggle{background:#0b3025;color:#eafff5;border-color:#45e0a5}
/* Theme 6 — Black and gold */
.site-theme.theme-6{color:#fff8df;background:radial-gradient(ellipse at top,#3c321b,#090909 65%);--blue:#d9b45b;--navy:#100f0b;--line:#9e8038;--pale:#282113}
.theme-6 .topbar,.theme-6 footer{background:#090909f5;border-color:#b89a4a}.theme-6 .brand,.theme-6 .nav a,.theme-6 footer{color:#fff8df}.theme-6 .nav a:first-child,.theme-6 .section-title>a,.theme-6 .panel h2,.theme-6 .section-title h2,.theme-6 .stat strong,.theme-6 .metric strong{color:#e4c36b}.theme-6 .stats,.theme-6 .panel{background:linear-gradient(135deg,#12110df5,#292315f5);border-color:#9e8038;color:#fff8df}.theme-6 .article{background:#19170f;border-color:#9e8038;color:#fff}.theme-6 .article-body b,.theme-6 .article-body small,.theme-6 .founder p,.theme-6 .founder b,.theme-6 .founder span,.theme-6 .notice,.theme-6 .metric,.theme-6 .active{color:#fff8df}.theme-6 .primary,.theme-6 .voice.blue{background:linear-gradient(120deg,#9d7a2e,#f0d681);color:#171208}.theme-6 .outline,.theme-6 .menu-toggle{background:#19170f;color:#fff8df;border-color:#d9b45b}
/* Theme 7 — Sunset coral */
.site-theme.theme-7{color:#fff4ed;background:linear-gradient(145deg,#5b211a,#251020 75%);--blue:#ff9869;--navy:#30151b;--line:#c85b47;--pale:#492029}
.theme-7 .topbar,.theme-7 footer{background:#28131cf5;border-color:#f07855}.theme-7 .brand,.theme-7 .nav a,.theme-7 footer{color:#fff4ed}.theme-7 .nav a:first-child,.theme-7 .section-title>a,.theme-7 .panel h2,.theme-7 .section-title h2,.theme-7 .stat strong,.theme-7 .metric strong{color:#ffad7d}.theme-7 .stats,.theme-7 .panel{background:linear-gradient(135deg,#321720f5,#59252af5);border-color:#c85b47;color:#fff4ed}.theme-7 .article{background:#3d1c24;border-color:#c85b47;color:#fff}.theme-7 .article-body b,.theme-7 .article-body small,.theme-7 .founder p,.theme-7 .founder b,.theme-7 .founder span,.theme-7 .notice,.theme-7 .metric,.theme-7 .active{color:#fff4ed}.theme-7 .primary,.theme-7 .voice.blue{background:linear-gradient(120deg,#f36b4b,#ffb16d);color:#31141b}.theme-7 .outline,.theme-7 .menu-toggle{background:#3a1a22;color:#fff4ed;border-color:#ff9869}
/* Theme 8 — Minimal light */
.site-theme.theme-8{color:#233247;background:linear-gradient(145deg,#f8fafc,#e8eef5);--blue:#315f9e;--navy:#24364c;--line:#d5dfeb;--pale:#edf2f8}
.theme-8 .topbar,.theme-8 footer{background:#ffffffed;border-color:#d5dfeb}.theme-8 .brand{color:#24364c}.theme-8 .nav a{color:#334760}.theme-8 .nav a:first-child,.theme-8 .section-title>a,.theme-8 .panel h2,.theme-8 .section-title h2,.theme-8 .stat strong,.theme-8 .metric strong{color:#315f9e}.theme-8 .stats,.theme-8 .panel{background:#ffffff;border-color:#d5dfeb;color:#233247;box-shadow:0 5px 20px #2038580b}.theme-8 .article{background:#f8fafc;border-color:#d5dfeb;color:#233247}.theme-8 .article-body b,.theme-8 .article-body small,.theme-8 .founder p,.theme-8 .founder b,.theme-8 .founder span,.theme-8 .notice,.theme-8 .metric,.theme-8 .active{color:#334760}.theme-8 .primary,.theme-8 .voice.blue{background:linear-gradient(120deg,#315f9e,#4c8bc9);color:#fff}.theme-8 .outline,.theme-8 .menu-toggle{background:#fff;color:#315f9e;border-color:#a9bdd5}
/* Theme 9 — Neon graphite */
.site-theme.theme-9{color:#e8fffd;background:radial-gradient(ellipse at top,#18373a,#0a1017 65%);--blue:#26e6d5;--navy:#0c171c;--line:#247d7b;--pale:#12272b}
.theme-9 .topbar,.theme-9 footer{background:#0a1017f5;border-color:#26bcb2}.theme-9 .brand,.theme-9 .nav a,.theme-9 footer{color:#e8fffd}.theme-9 .nav a:first-child,.theme-9 .section-title>a,.theme-9 .panel h2,.theme-9 .section-title h2,.theme-9 .stat strong,.theme-9 .metric strong{color:#42f3df}.theme-9 .stats,.theme-9 .panel{background:linear-gradient(135deg,#0c171cf5,#13282cf5);border-color:#247d7b;color:#e8fffd}.theme-9 .article{background:#101e24;border-color:#247d7b;color:#fff}.theme-9 .article-body b,.theme-9 .article-body small,.theme-9 .founder p,.theme-9 .founder b,.theme-9 .founder span,.theme-9 .notice,.theme-9 .metric,.theme-9 .active{color:#e8fffd}.theme-9 .primary,.theme-9 .voice.blue{background:linear-gradient(120deg,#16bfb6,#55f4dc);color:#071c20}.theme-9 .outline,.theme-9 .menu-toggle{background:#112126;color:#e8fffd;border-color:#26e6d5}
/* Theme 10 — Rose */
.site-theme.theme-10{color:#fff2f8;background:radial-gradient(ellipse at top,#6c2d50,#24101e 68%);--blue:#f18bb9;--navy:#2c1223;--line:#a84c78;--pale:#451b34}
.theme-10 .topbar,.theme-10 footer{background:#24101ef5;border-color:#c45b8d}.theme-10 .brand,.theme-10 .nav a,.theme-10 footer{color:#fff2f8}.theme-10 .nav a:first-child,.theme-10 .section-title>a,.theme-10 .panel h2,.theme-10 .section-title h2,.theme-10 .stat strong,.theme-10 .metric strong{color:#ffa6ce}.theme-10 .stats,.theme-10 .panel{background:linear-gradient(135deg,#2c1223f5,#51203bf5);border-color:#a84c78;color:#fff2f8}.theme-10 .article{background:#38182b;border-color:#a84c78;color:#fff}.theme-10 .article-body b,.theme-10 .article-body small,.theme-10 .founder p,.theme-10 .founder b,.theme-10 .founder span,.theme-10 .notice,.theme-10 .metric,.theme-10 .active{color:#fff2f8}.theme-10 .primary,.theme-10 .voice.blue{background:linear-gradient(120deg,#c34d85,#f18bb9);color:#2b1021}.theme-10 .outline,.theme-10 .menu-toggle{background:#3a172d;color:#fff2f8;border-color:#f18bb9}