/*
Theme Name: MobilRuya Premium
Theme URI: https://mobilruya.com/
Author: MobilRuya.Com
Author URI: https://mobilruya.com/
Description: MobilRuya.Com için premium sesli sohbet topluluğu teması.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mobilruya-premium
*/
/* Tasarım notu: MobilRuya 2026 Digital Aurora — elektrik mavi #2F6BFF, aqua #65D6D1, lime #D9FF61, mürekkep #0B1220 ve soğuk sis #F3F6FB. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&family=Space+Grotesk:wght@500;600;700&display=swap');

:root { --background: #f3f6fb; --foreground: #151b2b; --primary: #2f6bff; --primary-foreground: #ffffff; --card: #ffffff; --border: #d8e0ec; --muted: #69758c; --navy: #0b1220; --navy-2: #151f38; --coral: #2f6bff; --blue: #65d6d1; --lemon: #d9ff61; --radius: .3rem; }
@theme inline { --color-background: var(--background); --color-foreground: var(--foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-card: var(--card); --color-card-foreground: var(--foreground); --color-border: var(--border); --color-muted-foreground: var(--muted); --radius-sm: calc(var(--radius) - 2px); --radius-md: var(--radius); --radius-lg: calc(var(--radius) + 3px); }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--background); color: var(--foreground); font-family: 'DM Sans', sans-serif; }
a { color: inherit; text-decoration: none; }
button, a { -webkit-tap-highlight-color: transparent; }
.container { width: 100%; max-width: 1240px; margin: 0 auto; padding: 0 28px; }
.signal-bar { background: var(--navy); color: #f1f6ff; height: 34px; font: 11px 'IBM Plex Mono', monospace; letter-spacing: .06em; }
.signal-inner { height: 100%; display:flex; align-items:center; justify-content:space-between; }
.signal-inner p { margin: 0; color: #b6c0cf; }.pulse { display:inline-block; width:6px; height:6px; background:var(--coral); border-radius:50%; margin-right:7px; box-shadow:0 0 0 4px #2f6bff22; }
.socials { display:flex; gap:7px; align-items:center; }.socials a { display:grid; place-items:center; width:24px; height:24px; color:#a5b4c8; border:1px solid #ffffff24; transition:all .18s ease; }.socials a:hover { color:var(--coral); border-color:var(--coral); transform:translateY(-2px); }.signal-link { display:flex; gap:5px; align-items:center; color:var(--lemon); }
.main-header { height: 88px; background:#ffffffee; border-bottom:1px solid #e1e8f2; box-shadow:0 8px 30px #0b12200a; backdrop-filter:blur(12px); position:relative; z-index:4; }.header-inner { height:100%; display:flex; align-items:center; justify-content:space-between; }.brand { display:flex; align-items:center; gap:11px; font:700 26px 'Space Grotesk', sans-serif; letter-spacing:.045em; }.brand img { width:46px; height:46px; object-fit:contain; filter:drop-shadow(0 0 8px #2f6bff55); transition:transform .2s ease, filter .2s ease; }.brand:hover img { transform:rotate(-6deg) scale(1.06); filter:drop-shadow(0 0 13px #2f6bff88); }.brand > span { color:transparent; background:linear-gradient(105deg,#151b2b 0%,#151b2b 45%,#2f6bff 63%,#72e7df 78%,#151b2b 96%); background-size:220% 100%; background-position:100% 0; -webkit-background-clip:text; background-clip:text; text-shadow:0 0 16px #2f6bff18; transition:background-position .45s ease, text-shadow .25s ease; }.brand:hover > span { background-position:0 0; text-shadow:0 0 18px #2f6bff3d; }.brand-dot { color:var(--coral); -webkit-text-fill-color:var(--coral); }.brand-small { font-size:22px; }.brand-small img { width:39px; height:39px; }
.nav { display:flex; align-items:center; gap:29px; font-size:13px; font-weight:600; }.nav a { transition:color .18s ease; }.nav a:hover { color:var(--coral); }.nav-cta { display:flex; align-items:center; gap:6px; color:var(--coral); border-bottom:2px solid var(--coral); padding:10px 0; }.menu-toggle { display:none; background:none; border:0; color:var(--navy); }
.hero { min-height:520px; position:relative; overflow:hidden; background:var(--navy); color:#ffffff; }.hero-image { position:absolute; inset:0; background-image:url('/manus-storage/alemsin-hero_c7347c19.png'); background-position:center; background-size:cover; opacity:.93; }.hero-noise { position:absolute; inset:0; opacity:.2; background-image:radial-gradient(#ffffff 0.7px,transparent .7px); background-size:5px 5px; mix-blend-mode:soft-light; }.hero:after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,#0b1220 0%,#0b1220aa 36%,transparent 75%); }.hero-content { min-height:520px; position:relative; z-index:1; display:grid; grid-template-columns:1.1fr .9fr; align-items:center; gap:40px; }.eyebrow { display:flex; align-items:center; gap:10px; margin:0 0 20px; color:var(--coral); font:500 11px 'IBM Plex Mono', monospace; letter-spacing:.16em; }.eyebrow-line { display:inline-block; width:25px; height:2px; background:var(--coral); }.hero h1 { margin:0; font:700 clamp(48px,6vw,82px)/.92 'Space Grotesk',sans-serif; letter-spacing:-.065em; }.hero h1 em { color:var(--coral); font-style:normal; }.hero-text { max-width:460px; margin:27px 0 31px; color:#dbe5f2; font-size:17px; line-height:1.6; }.hero-actions { display:flex; align-items:center; gap:24px; }.primary-button { display:inline-flex; align-items:center; gap:10px; padding:14px 19px; color:#ffffff; background:linear-gradient(135deg,#4b7dff,var(--coral)); font-weight:700; font-size:13px; box-shadow:0 9px 20px #2f6bff35, inset 0 1px #ffffff80; transition:transform .18s ease, background .18s ease, box-shadow .18s ease; }.primary-button:hover { transform:translateY(-3px); background:linear-gradient(135deg,#6d91ff,var(--coral)); box-shadow:0 14px 28px #2f6bff4a, inset 0 1px #ffffff80; }.primary-button:active { transform:scale(.97); }.text-button { display:inline-flex; align-items:center; gap:7px; color:#fff; font-size:13px; font-weight:600; }.text-button svg { transition:transform .18s ease; }.text-button:hover svg { transform:translate(3px,-3px); }.hero-side { display:flex; justify-content:flex-end; }.frequency-card { width:250px; padding:20px; border:1px solid #fff4; background:#0b1220bb; backdrop-filter:blur(11px); transform:rotate(3deg); }.frequency-top { display:flex; justify-content:space-between; color:var(--blue); font:11px 'IBM Plex Mono', monospace; letter-spacing:.1em; }.waveform { height:74px; margin:22px 0 19px; display:flex; align-items:center; justify-content:space-between; }.waveform i { width:5px; display:block; background:var(--coral); animation:wave 1.5s ease-in-out infinite alternate; }.frequency-card p { margin:0; color:#b4c4d8; line-height:1.45; font-size:14px; }.frequency-card strong { color:#ffffff; font-size:17px; }.hero-bottom { position:absolute; z-index:2; bottom:0; left:0; right:0; padding:17px 0; background:#0b1220e6; }.hero-meta { display:flex; align-items:center; gap:16px; color:#a5b4c8; font:11px 'IBM Plex Mono',monospace; letter-spacing:.1em; }.hero-meta b { color:var(--coral); }.hero-rule { width:130px; height:1px; background:#fff3; }
.intro-section { padding:100px 0 108px; background:#f3f6fb; }.intro-grid { display:grid; grid-template-columns:150px 1fr 220px; gap:46px; }.section-kicker { display:flex; gap:11px; align-items:flex-start; color:#7a879a; font:11px 'IBM Plex Mono',monospace; letter-spacing:.12em; }.section-kicker > span:first-child { color:var(--coral); }.vertical-rule { height:58px; width:1px; background:#cad6e5; }.intro-section h2, .journal-section h2 { margin:0; font:700 clamp(40px,4.5vw,64px)/.98 'Space Grotesk', sans-serif; letter-spacing:-.06em; }.intro-section h2 span, .journal-section h2 span { color:var(--coral); }.intro-lead { max-width:460px; margin:26px 0 15px; font-size:21px; line-height:1.35; font-weight:600; }.intro-copy { max-width:480px; color:#6f6a67; line-height:1.7; font-size:15px; margin:0 0 25px; }.outline-button { display:inline-flex; align-items:center; gap:7px; border-bottom:1px solid var(--coral); padding:9px 0; color:var(--coral); font-size:13px; font-weight:700; }.intro-stat { align-self:end; border-left:1px solid #c8d5e6; padding-left:26px; }.room-strip { margin-top:72px; padding-top:16px; border-top:1px solid #c8d5e6; display:grid; grid-template-columns:150px 1fr; gap:46px; }.room-label { color:var(--navy); font:500 10px 'IBM Plex Mono',monospace; letter-spacing:.1em; }.room-label small { display:block; margin-top:9px; color:#8793a7; font-size:9px; }.live-dot { display:inline-block; width:7px; height:7px; margin-right:7px; border-radius:50%; background:var(--coral); box-shadow:0 0 0 4px #2f6bff20; }.room-items { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }.room-items a { display:flex; align-items:center; gap:10px; min-height:58px; padding:8px 10px; border:1px solid #d4deeb; background:#ffffffaa; transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease; }.room-items a:hover { transform:translateY(-3px); border-color:var(--coral); box-shadow:0 8px 16px #0b12200d; }.room-items a > span:nth-child(2) { flex:1; }.room-items strong { display:block; color:var(--navy); font-size:12px; }.room-items small { display:block; margin-top:3px; color:#7d8ba1; font:9px 'IBM Plex Mono'; }.room-avatar { display:grid; place-items:center; width:30px; height:30px; flex:none; color:#ffffff; background:var(--coral); border-radius:50%; font:600 12px 'Space Grotesk'; }.blue-avatar { background:#52b7bd; }.lemon-avatar { color:var(--navy); background:var(--lemon); }.stat-number { display:block; color:var(--navy); font:700 48px 'Space Grotesk',sans-serif; }.stat-label { display:block; color:#8d827b; font:11px 'IBM Plex Mono',monospace; line-height:1.5; }.stat-wave { display:flex; gap:5px; align-items:end; height:55px; margin-top:24px; }.stat-wave span { width:8px; background:var(--coral); }.stat-wave span:nth-child(1){height:18px}.stat-wave span:nth-child(2){height:38px}.stat-wave span:nth-child(3){height:54px}.stat-wave span:nth-child(4){height:28px}.stat-wave span:nth-child(5){height:43px}
.journal-section { padding:95px 0 110px; background:#ffffff; }.section-head { display:flex; justify-content:space-between; align-items:end; border-bottom:1px solid #dce4ef; padding-bottom:27px; margin-bottom:32px; }.eyebrow.dark { color:var(--navy); }.dark .eyebrow-line, .eyebrow.dark .eyebrow-line { background:var(--coral); }.dark-button { color:var(--navy); }.content-layout { display:grid; grid-template-columns:minmax(0,1fr) 260px; gap:30px; }.post-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }.post-card { border-top:3px solid var(--navy); border-left:1px solid #e1e8f2; border-right:1px solid #e1e8f2; background:linear-gradient(145deg,#ffffff,#eef3f9); box-shadow:0 8px 20px #0b122008; transition:transform .2s ease, box-shadow .2s ease; }.post-card:hover { transform:translateY(-7px); box-shadow:0 18px 34px #0b12201c; }.post-image { display:block; position:relative; aspect-ratio:1.5; overflow:hidden; background:var(--navy); }.post-image img { width:100%; height:100%; object-fit:cover; transition:transform .35s ease; }.post-card:hover .post-image img { transform:scale(1.05); }.post-index { position:absolute; top:12px; right:12px; padding:5px 7px; color:#ffffff; background:var(--coral); font:11px 'IBM Plex Mono',monospace; }.post-body { padding:19px 17px 21px; }.post-meta, .rail-eyebrow, .footer-contact span { margin:0 0 14px; color:#7a879a; font:10px 'IBM Plex Mono',monospace; letter-spacing:.08em; }.post-meta span { color:var(--coral); margin:0 4px; }.post-body h3 { margin:0 0 12px; color:var(--navy); font:700 21px/1.06 'Space Grotesk',sans-serif; letter-spacing:-.04em; }.post-body > p:not(.post-meta) { margin:0 0 19px; color:#66758b; font-size:13px; line-height:1.58; }.read-more { display:inline-flex; align-items:center; gap:5px; color:var(--coral); font-size:12px; font-weight:700; }.read-more:hover svg { transform:translate(2px,-2px); }.app-rail { padding:23px 21px; color:#ffffff; background:radial-gradient(circle at 100% 0%,#26345d 0%,var(--navy) 48%); border:1px solid #ffffff20; box-shadow:0 14px 30px #0b12201c; position:relative; overflow:hidden; }.app-rail:after { content:'•••'; position:absolute; right:-6px; bottom:-30px; color:#2f6bff22; font:140px 'Space Grotesk'; letter-spacing:-.2em; }.rail-eyebrow { color:var(--blue); }.app-rail h3 { margin:0 0 14px; font:700 30px/.94 'Space Grotesk'; letter-spacing:-.05em; }.app-rail h3 span { color:var(--coral); }.app-rail > p:not(.rail-eyebrow) { color:#a5b4c8; font-size:13px; line-height:1.55; }.store-buttons { position:relative; z-index:1; display:grid; gap:8px; margin-top:25px; }.store-buttons a { display:flex; align-items:center; gap:9px; padding:11px 10px; border:1px solid #ffffff26; color:#ffffff; transition:border .18s ease, transform .18s ease; }.store-buttons a:hover { border-color:var(--coral); transform:translateX(3px); }.store-buttons span { flex:1; font-size:12px; font-weight:600; }.store-buttons small { display:block; margin-bottom:2px; color:#8ea0ba; font:9px 'IBM Plex Mono'; }.rail-note { position:relative; z-index:1; display:flex; align-items:center; gap:7px; margin-top:30px; color:var(--lemon); font-size:11px; }
.join-section { background:linear-gradient(110deg,#ff675b 0%,#ff7e70 52%,#234bd8 100%); color:#ffffff; padding:47px 0; box-shadow:inset 0 1px #ffffff4d; }.join-inner { display:flex; align-items:center; gap:23px; }.join-icon { display:grid; place-items:center; width:61px; height:61px; border:1px solid #fff7; border-radius:50%; }.join-inner h2 { margin:0; font:700 42px 'Space Grotesk'; letter-spacing:-.06em; }.join-inner .eyebrow { margin:0 0 3px; color:#ffffff; }.join-inner .eyebrow-line { background:#ffffff; }.light-button { margin-left:auto; color:var(--navy); background:#ffffff; }.light-button:hover { background:#fff; color:var(--navy); }
footer { background:var(--navy); color:#ffffff; padding:52px 0 23px; }.footer-grid { display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:40px; padding-bottom:50px; }.footer-copy { margin:17px 0 0; color:#8da0b9; font-size:14px; }footer .brand > span { color:transparent; background:linear-gradient(105deg,#ffffff 0%,#ffffff 42%,#2f6bff 63%,#99faf1 78%,#ffffff 96%); background-size:220% 100%; background-position:100% 0; -webkit-background-clip:text; background-clip:text; }footer .brand:hover > span { background-position:0 0; }.footer-links { display:grid; grid-template-columns:1fr 1fr; gap:13px; align-content:start; font-size:13px; }.footer-links a:hover, .footer-contact a:hover { color:var(--coral); }.footer-contact span { display:block; color:#8a9ab2; }.footer-contact > a { display:block; font-size:14px; }.footer-socials { margin-top:17px; }.footer-bottom { border-top:1px solid #ffffff20; padding-top:19px; display:flex; justify-content:space-between; align-items:center; gap:18px; color:#778aa5; font:10px 'IBM Plex Mono'; }.footer-domains { display:flex; align-items:center; gap:16px; }.footer-domains a { color:#ffffff; font-weight:600; text-shadow:0 0 10px #2f6bff55; transition:color .18s ease, text-shadow .18s ease, transform .18s ease; }.footer-domains a:first-child { color:var(--coral); }.footer-domains a:hover { color:#99faf1; text-shadow:0 0 14px #2f6bff99; transform:translateY(-1px); }
.article-page { background:var(--background); color:var(--foreground); }.article-top { padding:72px 0 62px; color:#ffffff; background:var(--navy); border-bottom:3px solid var(--coral); }.article-top h1 { max-width:850px; margin:0; font:700 clamp(44px,6vw,78px)/.96 'Space Grotesk',sans-serif; letter-spacing:-.065em; }.article-top h1 span { color:var(--coral); }.article-dek { max-width:650px; margin:24px 0; color:#ced8e7; font-size:18px; line-height:1.6; }.back-link { display:inline-flex; align-items:center; gap:7px; margin-bottom:52px; color:var(--blue); font:11px 'IBM Plex Mono',monospace; }.article-meta { display:flex; flex-wrap:wrap; gap:20px; color:#91a2b8; font:10px 'IBM Plex Mono',monospace; }.article-meta span { display:inline-flex; align-items:center; gap:6px; }.article-layout { display:grid; grid-template-columns:minmax(0,760px) 250px; gap:80px; padding-top:66px; padding-bottom:90px; }.article-hero { width:100%; aspect-ratio:1.75; object-fit:cover; border:1px solid #d4deeb; box-shadow:0 18px 35px #0b122012; }.article-content { font-size:17px; line-height:1.75; color:#556478; }.article-content > p { max-width:700px; }.article-intro { margin:31px 0 38px; color:var(--navy); font-size:22px; line-height:1.5; font-weight:600; }.article-content h2 { margin:48px 0 14px; color:var(--navy); font:700 32px/1.08 'Space Grotesk',sans-serif; letter-spacing:-.04em; }.article-callout { margin:30px 0; padding:21px 24px; border-left:4px solid var(--coral); color:var(--navy); background:#ffffff; box-shadow:0 7px 18px #0b12200b; }.article-points { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin:27px 0 38px; }.article-points > div { padding:17px; border-top:3px solid var(--coral); background:#ffffff; }.article-points b { color:var(--coral); font:12px 'IBM Plex Mono'; }.article-points h3 { margin:15px 0 7px; color:var(--navy); font:700 19px 'Space Grotesk'; }.article-points p { margin:0; font-size:13px; line-height:1.5; }.article-button { margin:13px 0 25px; }.article-aside { align-self:start; position:sticky; top:24px; }.aside-card { padding:24px; color:#ffffff; background:var(--navy); border-top:4px solid var(--coral); box-shadow:0 14px 28px #0b122022; }.aside-label { color:var(--blue); font:10px 'IBM Plex Mono'; }.aside-card h3 { margin:22px 0 12px; font:700 30px/.98 'Space Grotesk'; }.aside-card em { color:var(--coral); font-style:normal; }.aside-card p { color:#a5b4c8; font-size:13px; line-height:1.55; }.aside-card .outline-button { color:var(--coral); }.faq { margin-top:54px; padding-top:10px; border-top:1px solid #d4deeb; }.faq h2 { margin-top:28px; }.faq details { padding:16px 0; border-bottom:1px solid #d4deeb; }.faq summary { cursor:pointer; color:var(--navy); font-weight:700; }.faq details p { margin:13px 0 0; font-size:14px; line-height:1.6; }
@media (max-width: 900px) { .article-layout { grid-template-columns:1fr; gap:32px; }.article-aside { position:static; max-width:360px; }.article-points { grid-template-columns:1fr; } }
@media (max-width: 680px) { .article-top { padding:50px 0 44px; }.back-link { margin-bottom:38px; }.article-top h1 { font-size:45px; }.article-dek { font-size:16px; }.article-layout { padding-top:35px; padding-bottom:60px; }.article-content { font-size:16px; }.article-intro { font-size:19px; }.article-content h2 { font-size:28px; }.article-meta { gap:10px; flex-direction:column; }.article-hero { aspect-ratio:1.35; } }
@keyframes wave { from{transform:scaleY(.65);opacity:.65} to{transform:scaleY(1.1);opacity:1} }
@media (min-width: 681px) { .site-shell { -webkit-user-select:none; user-select:none; } .site-shell a, .site-shell button { -webkit-user-select:none; user-select:none; } }
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { scroll-behavior:auto !important; animation:none !important; transition-duration:.01ms !important; } }
@media (max-width: 900px) { .hero-content { grid-template-columns:1fr; padding-top:65px; padding-bottom:90px; }.hero-side { display:none; }.intro-grid { grid-template-columns:100px 1fr; }.intro-stat { grid-column:2; display:flex; align-items:center; gap:20px; border-left:0; border-top:1px solid #c8d5e6; padding:20px 0 0; }.stat-wave { margin:0; }.content-layout { grid-template-columns:1fr; }.app-rail { display:grid; grid-template-columns:1fr 1fr; gap:12px 20px; }.store-buttons { grid-column:2; grid-row:1 / span 3; margin:0; }.rail-note { margin:10px 0 0; } }
@media (max-width: 680px) { .container { padding:0 19px; }.signal-inner p,.signal-link { display:none; }.signal-inner { justify-content:flex-end; }.main-header { height:76px; }.nav { display:none; position:absolute; z-index:5; top:110px; left:0; right:0; padding:20px; background:#ffffff; border-bottom:1px solid #d8e0ec; flex-direction:column; align-items:flex-start; gap:18px; box-shadow:0 14px 20px #0b122013; }.nav.open { display:flex; }.menu-toggle { display:block; }.hero, .hero-content { min-height:600px; }.hero:after { background:linear-gradient(90deg,#0b1220dd 0%,#0b122099 75%,#0b122055 100%); }.hero h1 { font-size:58px; }.hero-text { font-size:15px; }.hero-actions { align-items:flex-start; flex-direction:column; gap:17px; }.intro-section, .journal-section { padding:73px 0; }.intro-grid { display:block; }.section-kicker { margin-bottom:34px; }.intro-stat { margin-top:36px; }.room-strip { margin-top:52px; grid-template-columns:1fr; gap:16px; }.room-items { grid-template-columns:1fr; }.section-head { align-items:flex-start; flex-direction:column; gap:23px; }.post-grid { grid-template-columns:1fr; }.app-rail { display:block; }.store-buttons { margin-top:21px; }.join-inner { flex-wrap:wrap; }.join-inner h2 { font-size:36px; }.light-button { margin:4px 0 0; width:100%; justify-content:center; }.footer-grid { grid-template-columns:1fr; gap:34px; padding-bottom:34px; }.footer-bottom { gap:10px; flex-direction:column; align-items:flex-start; }.footer-domains { order:3; gap:12px; }.brand { font-size:21px; }.brand img { width:39px; height:39px; } }

/* MobilRuya.Com tema notu: Uygulama build icin client/src/index.css kullanir; bu style.css tema paketinin bagimsiz stil kopyasidir. */