/*
Theme Name: Alemsin Premium
Theme URI: https://alemsin.net/
Author: Alemsin.net
Author URI: https://alemsin.net/
Description: Alemsin.net 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: alemsin-premium
*/
/* Tasarım notu: Gece Frekansı — Alemsin Mercan #FF6B5F, gece laciverti #11182C, kırık beyaz #F6F1E9; neo-brutalist editorial layout. */
@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: #f6f1e9; --foreground: #171b2b; --primary: #ff6b5f; --primary-foreground: #fffaf4; --card: #fffaf4; --border: #ddd6cb; --muted: #736f6d; --navy: #11182c; --navy-2: #1a2340; --coral: #ff6b5f; --blue: #9bd9e5; --lemon: #e9ed6b; --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: #edf0f2; 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 #ff6b5f22; }
.socials { display:flex; gap:7px; align-items:center; }.socials a { display:grid; place-items:center; width:24px; height:24px; color:#aab5c7; border:1px solid #ffffff1c; 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:#fffaf4ee; border-bottom:1px solid #e8e0d5; box-shadow:0 8px 30px #11182c0a; 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 #ff6b5f55); transition:transform .2s ease, filter .2s ease; }.brand:hover img { transform:rotate(-6deg) scale(1.06); filter:drop-shadow(0 0 13px #ff6b5f88); }.brand > span { color:transparent; background:linear-gradient(105deg,#171b2b 0%,#171b2b 45%,#ff6b5f 63%,#ff9c82 78%,#171b2b 96%); background-size:220% 100%; background-position:100% 0; -webkit-background-clip:text; background-clip:text; text-shadow:0 0 16px #ff6b5f18; transition:background-position .45s ease, text-shadow .25s ease; }.brand:hover > span { background-position:0 0; text-shadow:0 0 18px #ff6b5f3d; }.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:#fffaf4; }.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,#11182c 0%,#11182caa 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:#d7dce5; 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:#fffaf4; background:linear-gradient(135deg,#ff8174,var(--coral)); font-weight:700; font-size:13px; box-shadow:0 9px 20px #ff6b5f35, inset 0 1px #ffffff55; transition:transform .18s ease, background .18s ease, box-shadow .18s ease; }.primary-button:hover { transform:translateY(-3px); background:linear-gradient(135deg,#ff9788,var(--coral)); box-shadow:0 14px 28px #ff6b5f4a, inset 0 1px #ffffff66; }.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:#11182cbb; 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:#b5c0d0; line-height:1.45; font-size:14px; }.frequency-card strong { color:#fffaf4; font-size:17px; }.hero-bottom { position:absolute; z-index:2; bottom:0; left:0; right:0; padding:17px 0; background:#11182ce6; }.hero-meta { display:flex; align-items:center; gap:16px; color:#aab5c7; 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:#f6f1e9; }.intro-grid { display:grid; grid-template-columns:150px 1fr 220px; gap:46px; }.section-kicker { display:flex; gap:11px; align-items:flex-start; color:#8c817a; font:11px 'IBM Plex Mono',monospace; letter-spacing:.12em; }.section-kicker > span:first-child { color:var(--coral); }.vertical-rule { height:58px; width:1px; background:#cfc5b8; }.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 #d4c9bd; padding-left:26px; }.room-strip { margin-top:72px; padding-top:16px; border-top:1px solid #d4c9bd; 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:#998f87; 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 #ff6b5f20; }.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 #d9d0c5; background:#fffaf4aa; 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 #11182c0d; }.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:#938982; font:9px 'IBM Plex Mono'; }.room-avatar { display:grid; place-items:center; width:30px; height:30px; flex:none; color:#fffaf4; background:var(--coral); border-radius:50%; font:600 12px 'Space Grotesk'; }.blue-avatar { background:#6eb9c8; }.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:#fffaf4; }.section-head { display:flex; justify-content:space-between; align-items:end; border-bottom:1px solid #ded5ca; 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 #e8e0d5; border-right:1px solid #e8e0d5; background:linear-gradient(145deg,#fffaf4,#f4ede3); box-shadow:0 8px 20px #11182c08; transition:transform .2s ease, box-shadow .2s ease; }.post-card:hover { transform:translateY(-7px); box-shadow:0 18px 34px #11182c1c; }.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:#fffaf4; 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:#8c817a; 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:#6d6865; 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:#fffaf4; background:radial-gradient(circle at 100% 0%,#26345d 0%,var(--navy) 48%); border:1px solid #ffffff18; box-shadow:0 14px 30px #11182c1c; position:relative; overflow:hidden; }.app-rail:after { content:'•••'; position:absolute; right:-6px; bottom:-30px; color:#ff6b5f22; 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:#aab5c7; 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 #ffffff20; color:#fffaf4; 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:#8392a9; 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%,#ef5c56 100%); color:#fffaf4; padding:47px 0; box-shadow:inset 0 1px #ffffff40; }.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:#fffaf4; }.join-inner .eyebrow-line { background:#fffaf4; }.light-button { margin-left:auto; color:var(--navy); background:#fffaf4; }.light-button:hover { background:#fff; color:var(--navy); }
footer { background:var(--navy); color:#fffaf4; 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:#8f9db0; font-size:14px; }footer .brand > span { color:transparent; background:linear-gradient(105deg,#fffaf4 0%,#fffaf4 42%,#ff6b5f 63%,#ffb0a4 78%,#fffaf4 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:#7e8a9d; }.footer-contact > a { display:block; font-size:14px; }.footer-socials { margin-top:17px; }.footer-bottom { border-top:1px solid #ffffff18; padding-top:19px; display:flex; justify-content:space-between; align-items:center; gap:18px; color:#778398; font:10px 'IBM Plex Mono'; }.footer-domains { display:flex; align-items:center; gap:16px; }.footer-domains a { color:#fffaf4; font-weight:600; text-shadow:0 0 10px #ff6b5f55; transition:color .18s ease, text-shadow .18s ease, transform .18s ease; }.footer-domains a:first-child { color:var(--coral); }.footer-domains a:hover { color:#ffb0a4; text-shadow:0 0 14px #ff6b5f99; transform:translateY(-1px); }
.article-page { background:var(--background); color:var(--foreground); }.article-top { padding:72px 0 62px; color:#fffaf4; 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:#cbd3df; 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:#93a0b2; 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 #d9d0c5; box-shadow:0 18px 35px #11182c12; }.article-content { font-size:17px; line-height:1.75; color:#4e4946; }.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:#fffaf4; box-shadow:0 7px 18px #11182c0b; }.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:#fffaf4; }.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:#fffaf4; background:var(--navy); border-top:4px solid var(--coral); box-shadow:0 14px 28px #11182c22; }.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:#aab5c7; 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 #d9d0c5; }.faq h2 { margin-top:28px; }.faq details { padding:16px 0; border-bottom:1px solid #d9d0c5; }.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 #d4c9bd; 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:#fffaf4; border-bottom:1px solid #ddd6cb; flex-direction:column; align-items:flex-start; gap:18px; box-shadow:0 14px 20px #11182c13; }.nav.open { display:flex; }.menu-toggle { display:block; }.hero, .hero-content { min-height:600px; }.hero:after { background:linear-gradient(90deg,#11182cdd 0%,#11182c99 75%,#11182c55 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; } }

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