
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#070b14;color:#f4f5f8}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 0%,rgba(236,45,137,.13),transparent 32%),radial-gradient(circle at 90% 20%,rgba(104,72,255,.10),transparent 30%);z-index:-1}
a{text-decoration:none;color:inherit}.top{background:rgba(10,16,28,.96);border-bottom:1px solid #222a3a;padding:12px 4%;display:flex;align-items:center;justify-content:space-between;gap:18px;position:sticky;top:0;z-index:5}
.logo{display:flex;align-items:center}.site-logo{width:190px;height:auto;display:block}.hero-logo{width:280px;max-width:80%;height:auto;margin-bottom:16px}.logo b,.pink{color:#ff3d9b}.nav{display:flex;gap:5px;flex-wrap:wrap}.nav a{padding:10px 12px;border-radius:8px;color:#cbd0db;font-size:14px}.nav a:hover{background:linear-gradient(135deg,#ef2385,#ff4ca8);color:#fff}
.wrap{max-width:1180px;margin:28px auto;padding:0 18px}.hero{min-height:390px;border:1px solid #272d3c;border-radius:18px;overflow:hidden;position:relative;background-image:linear-gradient(90deg,rgba(5,8,15,.97),rgba(5,8,15,.82) 45%,rgba(5,8,15,.22)),url('assets/hero.png');background-size:cover;background-position:center;display:flex;align-items:center;padding:42px}
.hero h1{font-size:48px;line-height:1.05;margin:0 0 14px}.hero p{font-size:17px;line-height:1.6;color:#c7cad3;max-width:540px}.loginbox{max-width:350px;margin-left:auto;background:rgba(9,13,23,.88);border:1px solid #3a4050;padding:22px;border-radius:14px}.btn{display:inline-block;border:0;background:linear-gradient(135deg,#ed2385,#ff4ea8);color:#fff;padding:12px 18px;border-radius:9px;cursor:pointer;font-weight:700}.input,textarea,select{width:100%;padding:12px 13px;background:#0c111c;color:#fff;border:1px solid #30394b;border-radius:8px;outline:none}.form{display:grid;gap:12px}.card,.room,.user,.item{background:linear-gradient(145deg,rgba(20,27,42,.96),rgba(13,18,29,.96));border:1px solid #293246;border-radius:13px;padding:20px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.section-title,.title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:25px 0 12px}.room{min-height:145px}.room:hover{border-color:#ed3c91;transform:translateY(-2px);transition:.2s}.muted{color:#929aaa}.badge{display:inline-block;padding:4px 8px;border-radius:20px;background:#33162a;color:#ff70b6;font-size:12px}.avatar{width:55px;height:55px;border-radius:50%;background:linear-gradient(135deg,#ff3d9b,#6b55ff);display:grid;place-items:center;font-weight:bold;font-size:20px}.user{display:flex;gap:12px;align-items:center}.online{width:9px;height:9px;background:#34df8a;border-radius:50%;display:inline-block;margin-right:5px}.chat{display:grid;grid-template-columns:240px 1fr;min-height:650px;background:#101623;border:1px solid #293246;border-radius:14px;overflow:hidden}.rooms{border-right:1px solid #293246;padding:15px;background:#0c121e}.roomlink{display:block;padding:13px;border-radius:9px;margin-bottom:6px;color:#cfd4de}.roomlink.active,.roomlink:hover{background:#26162a;color:#ff72b8}.messages{display:flex;flex-direction:column}.chathead{padding:16px;border-bottom:1px solid #293246}.msglist{flex:1;padding:18px;overflow:auto}.msg{max-width:72%;padding:11px 14px;border-radius:14px;background:#202a3b;margin-bottom:11px}.msg.me{margin-left:auto;background:linear-gradient(135deg,#b91f70,#ee328e)}.send{display:flex;gap:8px;padding:12px;border-top:1px solid #293246}.send .input{flex:1}.notice{padding:13px;border-left:4px solid #ff3d9b;background:#211525;border-radius:6px;margin:15px 0}.footer{text-align:center;color:#737b8b;padding:35px}
@media(max-width:900px){.site-logo{width:160px}.hero-logo{width:240px}.hero{padding:28px;min-height:500px;display:block}.loginbox{margin:25px 0 0;max-width:none}.hero h1{font-size:38px}.nav{display:none}.grid,.grid2,.chat{grid-template-columns:1fr}.rooms{border-right:0;border-bottom:1px solid #293246}}

.page-hero{padding:34px 0 22px}.page-hero h1{font-size:42px;margin:12px 0}.lead{font-size:18px;line-height:1.7;color:#bfc5d1;max-width:760px}
.feature-card{margin-top:18px}.service-card{min-height:270px}.service-icon{font-size:38px;margin-bottom:10px}.service-card h2{margin:8px 0}.service-card p{color:#aeb5c2;line-height:1.6;min-height:70px}.legal{line-height:1.8}.legal h2{margin-top:24px}.legal h2:first-child{margin-top:0}.rules{padding-left:24px}.rules li{margin:12px 0;color:#c7ccd6}.footer-links{display:inline-block;margin-top:10px}.footer-links a{color:#aeb5c2}.footer-links a:hover{color:#ff5aaa}
@media(max-width:900px){.page-hero h1{font-size:34px}.service-card{min-height:auto}}
/* Professional admin panel */
.admin-body{background:#080c15}.admin-top{background:#0d1320;border-bottom:1px solid #293246;padding:14px 4%;display:flex;align-items:center;justify-content:space-between}.admin-user{margin-left:10px;color:#cbd0db}.small{padding:8px 12px;font-size:12px}.admin-layout{display:grid;grid-template-columns:230px 1fr;min-height:calc(100vh - 65px)}.admin-side{background:#0b111c;border-right:1px solid #293246;padding:18px}.admin-side a{display:block;padding:12px 14px;border-radius:9px;color:#bfc6d3;margin-bottom:5px}.admin-side a:hover{background:#251525;color:#ff68b2}.admin-main{padding:30px;max-width:1400px;width:100%;margin:auto}.admin-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.admin-heading h1{font-size:34px;margin:8px 0}.stat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:22px}.stat-card{padding:20px;border:1px solid #293246;border-radius:13px;background:linear-gradient(145deg,#151d2d,#0e1522);display:grid;gap:7px}.stat-card span{font-size:24px}.stat-card b{font-size:30px}.stat-card small{color:#929aaa}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:750px}th,td{text-align:left;padding:13px;border-bottom:1px solid #273043;vertical-align:top}th{color:#8e97a8;font-size:12px;text-transform:uppercase}tr:hover td{background:rgba(255,255,255,.015)}.actions{display:flex;gap:6px;flex-wrap:wrap}.actions form{display:inline}.danger{background:#8e234c}.ghost{background:#202a3b}.search-form,.inline-form{display:flex;gap:8px;align-items:center}.icon-input{max-width:90px}.message-cell{max-width:420px;line-height:1.5}.admin-main .card{margin-bottom:18px}@media(max-width:900px){.admin-layout{grid-template-columns:1fr}.admin-side{display:flex;overflow:auto;gap:5px;border-right:0;border-bottom:1px solid #293246}.admin-side a{white-space:nowrap}.admin-main{padding:18px}.stat-grid{grid-template-columns:repeat(2,1fr)}.admin-heading{display:block}.search-form{margin-top:15px}.inline-form{flex-wrap:wrap}}

.home-intro,.why-us{padding:30px 0 8px}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.info-card{background:linear-gradient(145deg,#151d2d,#0e1522);border:1px solid #293246;border-radius:15px;padding:25px}.info-icon{font-size:30px;margin-bottom:10px}.info-card h3{margin:5px 0 10px}.info-card p{color:#aeb5c2;line-height:1.7;margin:0}.hero-actions{display:flex;gap:10px;margin-top:20px}.hero-actions .ghost{background:#202a3b}.home-cta{margin:34px 0 18px;padding:28px;border:1px solid #3a2940;border-radius:16px;background:linear-gradient(135deg,#171423,#111827);display:flex;align-items:center;justify-content:space-between;gap:20px}.home-cta h2{margin:12px 0 6px;font-size:28px}.home-cta p{margin:0;color:#aeb5c2}.home-cta .btn{white-space:nowrap}.section-title{align-items:end}.section-title>span{margin-bottom:4px}@media(max-width:900px){.info-grid{grid-template-columns:1fr}.home-cta{display:block}.home-cta .btn{display:inline-block;margin-top:18px}.hero-actions{flex-wrap:wrap}}

/* Blog */
.home-blog{padding:30px 0 8px}.blog-hero{padding-bottom:28px}.blog-hero h1{font-size:44px;margin:12px 0}.blog-feature{display:grid;grid-template-columns:110px 1fr;gap:24px;align-items:center;margin:8px 0 30px;padding:28px;border:1px solid #3a2940;border-radius:16px;background:linear-gradient(135deg,#171423,#101827)}.blog-feature h2{margin:12px 0 8px;font-size:28px}.blog-feature p{line-height:1.7;max-width:850px}.blog-feature-icon{width:90px;height:90px;border-radius:24px;display:grid;place-items:center;font-size:44px;background:linear-gradient(135deg,#32152b,#1d2040);border:1px solid #49324d}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.blog-card{background:linear-gradient(145deg,#151d2d,#0e1522);border:1px solid #293246;border-radius:15px;padding:22px;display:flex;flex-direction:column;min-height:255px}.blog-card:hover{border-color:#ed3c91;transform:translateY(-2px);transition:.2s}.blog-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.blog-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;font-size:23px;background:#211a37;border:1px solid #3a3150}.blog-card h3{font-size:19px;line-height:1.35;margin:17px 0 7px}.blog-date{font-size:12px;color:#7f899b;margin:0 0 10px}.blog-card .muted{line-height:1.6;margin-top:0}.blog-link{margin-top:auto;color:#ff5aaa;font-weight:700}.blog-link:hover{color:#fff}.blog-grid-home .blog-card{min-height:230px}.blog-cta{margin-top:32px}
@media(max-width:900px){.blog-grid{grid-template-columns:1fr}.blog-feature{grid-template-columns:1fr}.blog-feature-icon{width:70px;height:70px;font-size:34px}.blog-hero h1{font-size:34px}}

/* Landing redesign based on supplied visual reference */
:root{--pink:#ff1684;--pink2:#ff4da3;--bg:#070914;--panel:#0c1020;--line:#242a40;--muted:#aab2c5}
.site-body{margin:0;background:radial-gradient(circle at 50% 0%,#19091b 0,#070914 42%,#050711 100%);color:#f8f9ff;min-height:100vh}
.site-header{position:relative;z-index:20;background:rgba(5,8,18,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.09);padding:0}
.header-inner{max-width:1340px;margin:auto;min-height:84px;padding:0 24px;display:flex;align-items:center;gap:28px}
.site-logo{width:255px;height:auto;display:block}.logo{display:block;flex:none}
.nav{display:flex;align-items:center;justify-content:center;gap:26px;flex:1}.nav a{color:#e9ebf3;text-decoration:none;font-weight:600;font-size:14px;padding:31px 0 27px;border-bottom:2px solid transparent}.nav a:hover,.nav a.active{color:var(--pink);border-color:var(--pink)}
.header-actions{display:flex;gap:10px;align-items:center}.header-link{font-size:13px;color:#ff72b7;text-decoration:none}.btn-sm{padding:11px 20px!important;font-size:13px!important}.btn-lg{padding:16px 28px;font-size:16px}.btn-full{width:100%;box-sizing:border-box;text-align:center}.btn-outline{background:rgba(7,9,20,.35)!important;border:1px solid #7d8398!important;color:#fff!important}.landing{overflow:hidden}.wrap-wide{max-width:1400px;margin-left:auto;margin-right:auto;padding-left:28px;padding-right:28px}
.hero-lp{min-height:475px;position:relative;display:flex;align-items:center;max-width:1536px;margin:auto;padding:30px 7%;box-sizing:border-box;overflow:hidden;background:linear-gradient(90deg,rgba(5,6,13,.98) 0%,rgba(5,6,13,.84) 39%,rgba(5,6,13,.18) 68%,rgba(5,6,13,.48) 100%),url('assets/home-hero.jpg') center/cover no-repeat;border-bottom:1px solid rgba(255,255,255,.08)}
.hero-lp:after{content:"";position:absolute;inset:auto -10% -170px;height:300px;background:radial-gradient(ellipse,rgba(255,0,126,.27),transparent 65%);pointer-events:none}.hero-copy{position:relative;z-index:3;max-width:610px}.eyebrow{display:inline-flex;align-items:center;gap:9px;border:1px solid #42465b;background:rgba(12,15,30,.72);padding:7px 14px;border-radius:99px;font-size:13px;font-weight:700}.eyebrow i{width:9px;height:9px;border-radius:50%;background:var(--pink);box-shadow:0 0 12px var(--pink)}.hero-copy h1{font-size:53px;line-height:1.06;margin:18px 0 15px;letter-spacing:-1.8px}.hero-copy h1 strong{color:var(--pink)}.hero-copy p{font-size:18px;line-height:1.55;color:#d2d7e4;max-width:560px;margin:0}.hero-buttons{display:flex;gap:14px;margin-top:25px}.hero-note{margin-top:18px;font-size:12px;color:#9ea6bb}.hero-note span{color:#20db8b}.hero-visual{position:absolute;right:0;top:0;width:57%;height:100%;pointer-events:none}.hero-image{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,9,20,1) 0%,rgba(7,9,20,.35) 27%,transparent 48%),url('assets/home-hero.jpg') center right/cover no-repeat;opacity:.98}.hero-quote{position:absolute;right:7%;top:37%;color:#ff3f9a;font-size:27px;line-height:1.15;font-style:italic;text-align:center;text-shadow:0 0 16px rgba(255,0,132,.65);transform:rotate(-4deg)}.hero-quote b{font-size:35px}
.benefits{margin-top:-1px;position:relative;z-index:5;display:grid;grid-template-columns:repeat(6,1fr);background:rgba(9,12,25,.92);border:1px solid #20263a;border-radius:0 0 18px 18px}.benefit{padding:25px 18px;text-align:center;border-right:1px solid #252a3b}.benefit:last-child{border-right:0}.benefit-icon{width:54px;height:54px;margin:0 auto 12px;display:grid;place-items:center;border-radius:50%;font-size:28px;color:#ff58ad;background:radial-gradient(circle,#4a1744,#17142b);border:1px solid #7a1b5c;box-shadow:0 0 20px rgba(255,0,132,.12)}.benefit h3{font-size:15px;margin:0 0 8px}.benefit p{font-size:13px;line-height:1.55;color:#b7bed0;margin:0}
.content-wrap{margin-top:18px}.panel{background:linear-gradient(145deg,rgba(13,17,32,.97),rgba(8,11,23,.97));border:1px solid #222941;border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.2)}.panel-heading{padding:18px 22px 14px;display:flex;justify-content:space-between;align-items:center;gap:15px}.panel-heading>div{display:flex;align-items:center;gap:12px}.panel-heading h2{font-size:21px;margin:0 0 3px}.panel-heading p{font-size:12px;color:#9fa8bd;margin:0}.panel-heading>a{font-size:12px;color:#ff3e98;text-decoration:none;white-space:nowrap}.panel-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#32102d;color:#ff3e98;font-size:22px}.room-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 18px 18px}.room-card{display:flex;align-items:center;gap:12px;padding:13px;background:linear-gradient(120deg,#12182b,#0d1222);border:1px solid #272d43;border-radius:12px;color:#fff;text-decoration:none;transition:.2s}.room-card:hover{transform:translateY(-2px);border-color:#d52b84}.room-symbol{width:42px;height:42px;border-radius:12px;background:#241336;display:grid;place-items:center;font-size:22px;flex:none}.room-info{flex:1;min-width:0}.room-info h3{font-size:14px;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-info span{font-size:11px;color:#9ea7bc}.room-info span i{display:inline-block;width:6px;height:6px;background:#21d78b;border-radius:50%;margin-right:5px}.room-card>b{width:24px;height:24px;border:1px solid #4b5267;border-radius:50%;display:grid;place-items:center;font-size:12px}
.blog-register{display:grid;grid-template-columns:minmax(0,2.5fr) minmax(280px,1fr);gap:14px;margin-top:18px}.blog-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 18px 18px}.blog-tile{overflow:hidden;border:1px solid #293047;border-radius:12px;background:#0d1221}.tile-image{height:118px;position:relative;background-size:cover;background-position:center}.tile-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,7,15,.75),transparent 65%)}.tile-image span{position:absolute;z-index:1;top:10px;left:10px;background:var(--pink);padding:5px 10px;border-radius:99px;font-size:10px;font-weight:700}.tile-1{background-image:linear-gradient(120deg,#442032,#1b1a36)}.tile-2{background-image:linear-gradient(120deg,#25104a,#301a34)}.tile-3{background-image:linear-gradient(120deg,#102c4c,#111729)}.tile-body{padding:13px}.tile-body small{font-size:10px;color:#8993a9}.tile-body h3{font-size:14px;line-height:1.35;margin:8px 0}.tile-body p{font-size:11px;color:#9fa8bc;line-height:1.5;margin:0 0 10px}.tile-body a{font-size:11px;color:#ff3e98;text-decoration:none}.register-panel{padding:25px;position:relative;overflow:hidden;background:radial-gradient(circle at 100% 0,rgba(255,0,132,.15),transparent 45%),linear-gradient(145deg,#130c1e,#0b1020);border-color:#8d2367}.register-logo img{width:180px;margin-bottom:12px}.register-panel h2{font-size:22px;margin:0 0 4px}.register-panel p{color:#aeb6c8;font-size:12px;margin:0 0 22px}.register-login{text-align:center;color:#8e97aa;font-size:11px;margin-top:15px}.register-login a{color:#ff3e98;font-weight:700;text-decoration:none}
.final-cta{margin-top:18px;margin-bottom:30px;padding:22px 30px;border:1px solid #442056;border-radius:16px;background:linear-gradient(105deg,#170d22,#101326);display:flex;align-items:center;justify-content:space-between;gap:20px}.final-cta h2{margin:0 0 5px;font-size:23px}.final-cta p{margin:0;color:#a8b0c1;font-size:12px}.final-cta .btn{margin-left:8px}
.site-footer{padding:25px 28px;background:#050710;border-top:1px solid #1d2234}.footer-inner{max-width:1400px;margin:auto;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:20px}.footer-brand img{width:180px}.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:15px}.footer-links a{font-size:11px;color:#aeb5c5;text-decoration:none}.footer-links a:hover{color:#ff3e98}.footer-copy{text-align:right;color:#70798d;font-size:10px}
@media(max-width:1100px){.nav{gap:15px}.nav a{font-size:12px}.site-logo{width:210px}.benefits{grid-template-columns:repeat(3,1fr)}.benefit:nth-child(3){border-right:0}.room-cards{grid-template-columns:repeat(2,1fr)}.hero-copy h1{font-size:45px}.hero-visual{width:62%}}
@media(max-width:820px){.header-inner{min-height:72px;flex-wrap:wrap;padding:12px 18px}.site-logo{width:190px}.nav{order:3;width:100%;overflow:auto;justify-content:flex-start;flex:none}.nav a{padding:10px 0;font-size:12px;white-space:nowrap}.header-actions{margin-left:auto}.hero-lp{min-height:620px;padding:55px 25px;align-items:flex-start}.hero-copy{max-width:100%;padding-top:10px}.hero-copy h1{font-size:40px}.hero-copy p{font-size:16px}.hero-visual{top:auto;bottom:0;width:100%;height:52%;opacity:.8}.hero-quote{display:none}.benefits{grid-template-columns:repeat(2,1fr);margin-left:15px;margin-right:15px}.benefit:nth-child(3){border-right:1px solid #252a3b}.benefit:nth-child(even){border-right:0}.blog-register{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr;text-align:center}.footer-copy{text-align:center}.footer-brand{display:block}.room-cards,.blog-cards{grid-template-columns:1fr}.final-cta{display:block;text-align:center}.final-cta .btn{margin:15px 4px 0}.wrap-wide{padding-left:15px;padding-right:15px}}
@media(max-width:520px){.header-actions .btn-outline{display:none}.hero-buttons{flex-direction:column}.hero-buttons .btn{width:100%;box-sizing:border-box;text-align:center}.hero-copy h1{font-size:34px}.benefits{grid-template-columns:1fr}.benefit,.benefit:nth-child(3){border-right:0;border-bottom:1px solid #252a3b}.benefit:last-child{border-bottom:0}.panel-heading{align-items:flex-start}.panel-heading>a{margin-top:5px}.final-cta h2{font-size:20px}}

/* Yorum kimlik alanları */
.comment-fields{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:10px;margin-bottom:10px}
.comment-fields label{display:flex;flex-direction:column;gap:6px;color:#aeb5c2;font-size:12px;font-weight:700}
.comment-fields .input{width:100%;box-sizing:border-box;padding:11px 12px;border:1px solid #30394d;border-radius:11px;background:#0a101b;color:#fff;outline:none;font:inherit;font-weight:400}
.comment-fields .input:focus{border-color:#ff2b8a;box-shadow:0 0 0 3px rgba(255,43,138,.08)}
.comment-form-footer .muted{font-size:11px}
@media(max-width:700px){.comment-fields{grid-template-columns:1fr}.email-field{grid-column:auto}}

/* Blog yorumları */
.blog-comments{margin-top:18px;padding-top:16px;border-top:1px solid #293246}
.comments-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;color:#f4f6fb}
.comments-title span{min-width:28px;height:28px;padding:0 8px;border-radius:999px;background:#24142a;color:#ff2b8a;display:flex;align-items:center;justify-content:center;font-size:12px}
.comment-list{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}
.comment-item{display:flex;gap:10px;padding:11px;border:1px solid #252e40;border-radius:12px;background:#0d1420}
.comment-avatar{width:34px;height:34px;min-width:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#24152e;font-size:17px}
.comment-body{min-width:0;flex:1}
.comment-meta{display:flex;align-items:center;gap:9px;margin-bottom:4px}
.comment-meta strong{font-size:13px;color:#fff}
.comment-meta span{font-size:11px;color:#7f899b}
.comment-body p{margin:0;color:#b9c0cc;font-size:13px;line-height:1.55;overflow-wrap:anywhere}
.comment-empty{font-size:13px;margin:0 0 14px}
.comment-form textarea{width:100%;box-sizing:border-box;resize:vertical;min-height:78px;padding:12px;border:1px solid #30394d;border-radius:11px;background:#0a101b;color:#fff;outline:none;font:inherit}
.comment-form textarea:focus{border-color:#ff2b8a;box-shadow:0 0 0 3px rgba(255,43,138,.08)}
.comment-form-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:9px}
.comment-form-footer .btn{padding:10px 15px;font-size:13px}
.comment-login{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px dashed #394256;border-radius:11px;color:#aeb5c2;font-size:13px}
.comment-login .btn{padding:9px 14px;font-size:13px}
.comment-error{margin-bottom:18px;border-color:#6d2948;color:#ff9bc4}
@media(max-width:600px){.comment-form-footer,.comment-login{display:block}.comment-form-footer .btn,.comment-login .btn{display:inline-block;margin-top:9px}.comment-meta{display:block}.comment-meta span{display:block;margin-top:2px}}

/* Ana sayfa 6 blog konusu */
.blog-cards .blog-tile{min-width:0}
.tile-4{background-image:linear-gradient(120deg,#3b1c38,#171a38)}
.tile-5{background-image:linear-gradient(120deg,#19382f,#101b2d)}
.tile-6{background-image:linear-gradient(120deg,#35204c,#111a35)}
:root{--pink:#ff2b8a;--purple:#8b5cf6;--bg:#070914;--panel:#0d1221;--text:#f5f7fb}.site-body{background:var(--bg);color:var(--text)}.ad-slot{margin:12px 0;padding:14px;border:1px dashed #343b52;border-radius:12px;background:rgba(13,18,33,.75);overflow:hidden}.ad-label{font-size:9px;letter-spacing:1.4px;color:#727c91;margin-bottom:7px;text-align:center}.homepage-ad{max-width:1400px;margin:0 auto;padding-left:28px;padding-right:28px}.admin-form .form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:15px}.admin-form label{display:flex;flex-direction:column;gap:7px;color:#cbd2df;font-size:13px}.admin-form .full{grid-column:1/-1}.admin-form input[type=color]{width:100%;height:46px;padding:3px;border:1px solid #30394d;border-radius:8px;background:#0a101b}.admin-form .btn{margin-top:15px}.inline{display:inline}.btn.danger{background:#7d2348}.btn.danger:hover{background:#a62d5f}@media(max-width:700px){.admin-form .form-grid{grid-template-columns:1fr}.admin-form .full{grid-column:auto}.homepage-ad{padding-left:15px;padding-right:15px}}
/* Admin renk ayarlarının site geneline uygulanması */
body{background:var(--bg);color:var(--text)}
a,.pink,.blog-link,.panel-heading>a{color:var(--pink)}
.btn{background:var(--pink);border-color:var(--pink)}
.btn:hover{filter:brightness(1.08)}
.btn-outline{background:transparent;border-color:var(--pink);color:var(--pink)}
.panel,.card,.room-card,.blog-card,.register-panel{border-color:color-mix(in srgb,var(--pink) 25%,#222941)}
.benefit-icon{border-color:var(--pink);color:var(--pink)}
.eyebrow i{background:var(--pink);box-shadow:0 0 12px var(--pink)}
.hero-copy h1 strong{color:var(--pink)}
.quick-links{display:flex;flex-wrap:wrap;gap:10px}.quick-links .btn{font-size:12px;padding:10px 14px}
/* Avatar sistemi */
.avatar-image{object-fit:cover;padding:0!important;overflow:hidden;display:block}.profile-avatar{width:96px;height:96px;font-size:34px}.upload-label{display:flex;flex-direction:column;gap:7px;color:#cbd2df;font-size:13px}.msg{display:flex;align-items:flex-start;gap:9px}.msg-avatar{width:34px;height:34px;min-width:34px;border-radius:50%;font-size:14px}.msg-content{flex:1;min-width:0}.user .avatar{flex:none}.comment-avatar{width:34px;height:34px;min-width:34px;border-radius:50%;font-size:14px;overflow:hidden}.comment-avatar.avatar-image{padding:0}.profile-card{text-align:center}
.mod-actions{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.tiny{padding:5px 8px;font-size:10px}.msg-content .tiny{font-weight:700}
/* Blog görselleri ve yetki paneli */
.blog-image{height:190px;overflow:hidden;border-radius:12px 12px 0 0;margin:-1px -1px 14px;background:#0a0f1c}.blog-image img{width:100%;height:100%;object-fit:cover;display:block}.blog-content{margin:12px 0;color:#b9c0cc;font-size:13px;line-height:1.65;white-space:normal}.admin-blog-thumb{width:62px;height:42px;object-fit:cover;border-radius:7px;border:1px solid #30394d}.permission-list{display:flex;flex-direction:column;gap:5px;min-width:150px}.permission-row{margin:0}.permission-row label{font-size:11px;color:#bfc6d4;cursor:pointer}.permission-row input{accent-color:var(--pink)}

/* Mobil + mesajlaşma iyileştirmeleri */
.chat{min-width:0;height:min(760px,calc(100vh - 150px));min-height:520px}
.rooms-title,.private-users-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.rooms-title h3,.private-users-head h2{margin:4px 0 12px}.room-toggle{display:none;border:1px solid #30394b;background:#151d2d;color:#fff;border-radius:8px;padding:8px 10px;cursor:pointer}.room-list{min-width:0}.roomlink{display:flex;align-items:center;gap:9px}.chathead,.private-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.chat-status{font-size:12px;color:#929aaa;white-space:nowrap}.online-status{color:#34df8a}.msglist{scroll-behavior:smooth;overscroll-behavior:contain}.msg{display:flex;align-items:flex-start;gap:9px;max-width:78%;width:max-content;min-width:120px}.msg.me{margin-left:auto}.msg-avatar-wrap{flex:0 0 34px}.msg-text{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;line-height:1.45;margin:3px 0}.msg-content{overflow:hidden}.msg-head{display:flex;align-items:center;gap:5px}.chat-error{margin:0;border-radius:0;border-left:0;border-top:1px solid #5b2941;padding:9px 12px}.send{background:#101623}.send .input{min-width:0}.send .btn{flex:0 0 auto}.chat-loading{text-align:center;color:#929aaa;padding:30px}.private-chat{display:grid;grid-template-columns:280px 1fr;min-height:650px;height:min(760px,calc(100vh - 150px));background:#101623;border:1px solid #293246;border-radius:14px;overflow:hidden}.private-users{background:#0c121e;border-right:1px solid #293246;padding:14px;min-width:0}.user-search{margin-bottom:10px}.private-user-list{overflow:auto;height:calc(100% - 86px)}.private-user{display:flex;align-items:center;gap:10px;padding:10px;border-radius:9px;margin-bottom:5px}.private-user:hover,.private-user.active{background:#26162a}.private-user>span:last-child{min-width:0}.private-user b,.private-user small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.private-user small{font-size:11px;color:#929aaa;margin-top:3px}.private-avatar{width:38px;height:38px;flex:0 0 38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ff3d9b,#6b55ff);font-weight:700}.private-thread{display:flex;flex-direction:column;min-width:0}.private-head{padding:16px;border-bottom:1px solid #293246}.private-head b,.private-head small{display:block}.private-head small{color:#929aaa;margin-top:4px}.private-list{flex:1;overflow:auto;padding:18px}.private-msg{max-width:75%;width:max-content;background:#202a3b;border:1px solid #2d394e;border-radius:14px;padding:10px 13px;margin-bottom:10px;overflow-wrap:anywhere}.private-msg.mine{margin-left:auto;background:linear-gradient(135deg,#b91f70,#ee328e);border-color:transparent}.private-msg p{margin:5px 0;white-space:pre-wrap;line-height:1.45}.private-msg small{font-size:11px;color:#b8bfcc}.private-msg.mine small{color:#f3d9e8}.empty-chat{height:100%;display:grid;place-items:center;align-content:center;text-align:center;color:#929aaa;padding:30px}.empty-chat strong{font-size:20px;color:#f4f5f8}.empty-chat p{max-width:360px;line-height:1.6}
@media(max-width:900px){
 .wrap{padding-left:12px;padding-right:12px;margin-top:18px}.chat,.private-chat{height:calc(100vh - 120px);min-height:500px;border-radius:12px}.chat{grid-template-columns:1fr}.rooms{border-right:0;border-bottom:1px solid #293246;padding:8px 10px}.rooms-title h3{margin:4px 0}.room-toggle{display:block}.room-list{display:none;max-height:190px;overflow:auto;padding-top:5px}.rooms.open .room-list{display:block}.roomlink{margin-bottom:3px;padding:10px}.messages{min-height:0}.chathead{padding:12px 14px}.msglist{padding:12px 10px}.msg{max-width:90%;padding:9px 11px}.send{padding:9px;gap:6px}.send .btn{padding:11px 13px}.private-chat{grid-template-columns:1fr}.private-users{border-right:0;border-bottom:1px solid #293246;padding:8px 10px}.private-users-head h2{margin:4px 0}.private-user-list{display:none;height:auto;max-height:220px}.private-users.open .private-user-list{display:block}.private-head{padding:12px 14px}.private-list{padding:12px 10px}.private-msg{max-width:90%}
}
@media(max-width:520px){
 .top{padding:8px 10px}.site-logo{width:145px}.header-inner{padding:7px 10px}.header-actions{gap:5px}.header-actions .btn{padding:8px 10px;font-size:12px}.nav{gap:10px}.nav a{font-size:11px}.wrap{padding-left:8px;padding-right:8px}.chat,.private-chat{height:calc(100vh - 105px);min-height:0}.chathead,.private-head{font-size:14px}.chat-status{font-size:10px}.msg{max-width:94%;min-width:0}.msg-avatar-wrap,.msg-avatar{width:30px!important;height:30px!important;min-width:30px!important;font-size:12px}.msg-content{font-size:14px}.msg-content small,.private-msg small{font-size:10px}.send{padding:7px}.send .input{font-size:14px;padding:10px}.send .btn{padding:10px 11px}.private-msg{max-width:94%;font-size:14px}.homepage-ad{padding-left:8px;padding-right:8px}
}
/* Dashboard and mobile polish */
.admin-dashboard-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin-bottom:18px}.mini-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mini-stat-grid>div{padding:16px;border:1px solid #293246;border-radius:11px;background:#0d1421}.mini-stat-grid b{display:block;font-size:26px}.mini-stat-grid span{color:#929aaa;font-size:12px}.health-list{display:grid;gap:9px}.health-list>div{display:grid;grid-template-columns:28px 120px 1fr;align-items:center;padding:11px;border:1px solid #293246;border-radius:9px}.health-list small{color:#929aaa;text-align:right}.activity-list{display:grid;gap:8px}.activity-item{display:flex;justify-content:space-between;gap:15px;padding:13px;border:1px solid #293246;border-radius:10px;background:#0d1421}.activity-item p{margin:7px 0 0;color:#c7ccd6;line-height:1.5;overflow-wrap:anywhere}.activity-item .badge{margin-left:8px}@media(max-width:900px){.admin-dashboard-grid{grid-template-columns:1fr}.mini-stat-grid{grid-template-columns:1fr 1fr}.health-list>div{grid-template-columns:25px 1fr}.health-list small{text-align:left;grid-column:2}.activity-item{display:block}.activity-item>small{display:block;margin-top:8px}.admin-main{padding:14px}.admin-heading h1{font-size:28px}.stat-card b{font-size:25px}}@media(max-width:520px){.mini-stat-grid{grid-template-columns:1fr}.dashboard-main-stats{grid-template-columns:1fr 1fr}.stat-card{padding:14px}.stat-card span{font-size:20px}.stat-card b{font-size:22px}.admin-top{padding:10px}.admin-user{display:none}.admin-side{padding:8px}.admin-side a{padding:9px 10px;font-size:12px}.admin-main .card{padding:14px}}
/* Blog pagination and article images */
.blog-image{margin:-22px -22px 18px;height:190px;overflow:hidden;border-radius:14px 14px 0 0;background:#101525}.blog-image img{width:100%;height:100%;object-fit:cover;display:block}.blog-content{line-height:1.85;color:#d8dce7}.blog-content h2{font-size:26px;margin:24px 0 10px;color:#fff}.blog-content p{margin:0 0 16px}.blog-pagination{display:flex;justify-content:center;align-items:center;gap:7px;margin:28px 0 12px;flex-wrap:wrap}.blog-pagination a,.blog-pagination span{min-width:40px;height:40px;padding:0 12px;box-sizing:border-box;display:grid;place-items:center;border-radius:10px;border:1px solid #293246;background:#111827;color:#dfe3eb;text-decoration:none;font-weight:700}.blog-pagination a:hover{border-color:#ed3c91;color:#ff65b3}.blog-pagination .active{background:#ed3c91;border-color:#ed3c91;color:#fff}.blog-pagination span:not(.active){border-color:transparent;background:transparent;color:#7f899b;min-width:24px}.blog-pagination .page-nav{font-size:22px}.blog-page-info{text-align:center;color:#8e97a8;margin-top:22px}.blog-back{text-align:center;margin:20px 0}.blog-grid .blog-card .btn.small{align-self:flex-start;margin-top:auto}@media(max-width:900px){.blog-image{height:210px}.blog-pagination a,.blog-pagination span{min-width:36px;height:38px;padding:0 9px}}

/* =========================================================
   MAKale SAYFALARI - GELISTIRILMIS OKUMA TASARIMI
   ========================================================= */
.article-breadcrumb{display:flex;align-items:center;gap:9px;max-width:980px;margin:0 auto 14px;color:#7f8b9e;font-size:13px}
.article-breadcrumb a{color:#ff4ca5;text-decoration:none;font-weight:700}
.article-breadcrumb a:hover{text-decoration:underline}
.blog-grid:has(.article-page){display:block;max-width:980px;margin:0 auto}
.blog-card.article-page{padding:0;overflow:hidden;background:linear-gradient(145deg,#0f1928,#080f19);border:1px solid #27364a;box-shadow:0 25px 70px rgba(0,0,0,.28);transform:none!important}
.article-header{padding:34px 42px 25px;background:radial-gradient(circle at 90% 0%,rgba(237,35,136,.12),transparent 34%)}
.article-header .blog-card-top{margin-bottom:16px}
.article-header h1{font-size:42px;line-height:1.14;margin:0 0 15px;color:#fff;letter-spacing:-.5px}
.article-meta{display:flex;flex-wrap:wrap;gap:16px;color:#8f9bad;font-size:13px;margin-bottom:18px}
.article-lead{font-size:18px;line-height:1.75;color:#cbd3df;margin:0;max-width:820px}
.article-cover{margin:0;border-top:1px solid #223044;border-bottom:1px solid #223044;background:#050a12}
.article-cover img{display:block;width:100%;max-height:470px;object-fit:cover}
.article-cover figcaption{padding:10px 20px;color:#778497;font-size:12px}
.article-page .blog-content{max-width:820px;margin:0 auto;padding:35px 30px 20px;font-size:16px;line-height:1.9;color:#d7dce5}
.article-page .blog-content p{margin:0 0 22px}
.article-page .blog-content h2{font-size:28px;line-height:1.3;margin:34px 0 13px;color:#fff}
.article-page .blog-content h3{font-size:22px;margin:28px 0 10px;color:#fff}
.article-page .blog-content ul,.article-page .blog-content ol{padding-left:24px;margin:0 0 22px}
.article-page .blog-content li{margin-bottom:8px}
.article-page .blog-content a{color:#ff58ad}
.article-page .blog-content blockquote{margin:25px 0;padding:15px 20px;border-left:3px solid #ed2388;background:#111c2b;color:#cbd3df;border-radius:0 10px 10px 0}
.article-page .blog-comments{max-width:820px;margin:25px auto 0;padding:25px 30px 30px}
.article-page + .blog-comments{margin-top:0}
.article-list-card .blog-image{margin:-22px -22px 18px;height:175px;overflow:hidden;border-radius:14px 14px 0 0}
.article-list-card .blog-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.article-list-card:hover .blog-image img{transform:scale(1.045)}
.blog-page-info{text-align:center;color:#8995a6;margin-top:20px}
@media(max-width:700px){.article-header{padding:25px 20px 20px}.article-header h1{font-size:30px}.article-lead{font-size:16px}.article-page .blog-content{padding:25px 20px 10px;font-size:15px;line-height:1.8}.article-page .blog-content h2{font-size:24px}.article-page .blog-comments{padding:20px}.article-cover img{max-height:300px}.article-breadcrumb{padding:0 5px}}

/* Görsel tema iyileştirmeleri */
.hero{background-image:linear-gradient(90deg,rgba(4,7,15,.98) 0%,rgba(4,7,15,.86) 42%,rgba(4,7,15,.28) 78%,rgba(4,7,15,.18) 100%),url('assets/visuals/hero.webp');background-position:center center;background-size:cover;box-shadow:0 24px 70px rgba(0,0,0,.28)}
.hero-lp{background-image:linear-gradient(90deg,rgba(4,6,15,.98) 0%,rgba(4,6,15,.82) 45%,rgba(4,6,15,.24) 100%),url('assets/visuals/home-hero.webp');background-size:cover;background-position:center;box-shadow:0 30px 80px rgba(0,0,0,.34)}
.hero-visual{background-image:linear-gradient(180deg,rgba(5,7,15,.05),rgba(5,7,15,.2)),url('assets/visuals/home-hero.webp');background-size:cover;background-position:center;border-radius:22px}
.tile-image{height:150px;background-repeat:no-repeat;transition:transform .35s ease,filter .35s ease}.blog-tile:hover .tile-image{transform:scale(1.04);filter:saturate(1.08)}
.tile-1{background-image:linear-gradient(0deg,rgba(5,7,15,.72),rgba(5,7,15,.08)),url('assets/visuals/blog-1.webp')}
.tile-2{background-image:linear-gradient(0deg,rgba(5,7,15,.72),rgba(5,7,15,.08)),url('assets/visuals/blog-2.webp')}
.tile-3{background-image:linear-gradient(0deg,rgba(5,7,15,.72),rgba(5,7,15,.08)),url('assets/visuals/blog-3.webp')}
.tile-4{background-image:linear-gradient(0deg,rgba(5,7,15,.72),rgba(5,7,15,.08)),url('assets/visuals/blog-4.webp')}
.tile-5{background-image:linear-gradient(0deg,rgba(5,7,15,.72),rgba(5,7,15,.08)),url('assets/visuals/blog-5.webp')}
.tile-6{background-image:linear-gradient(0deg,rgba(5,7,15,.72),rgba(5,7,15,.08)),url('assets/visuals/blog-6.webp')}
.blog-tile{box-shadow:0 14px 35px rgba(0,0,0,.18)}
@media(max-width:820px){.tile-image{height:165px}.hero-lp{background-position:62% center}.hero-visual{opacity:.72}}
