:root {
    --bg-black: #050505;
    --accent-blue: #00d4ff;
    --card-bg: rgba(255, 255, 255, 0.02);
    --border-color: rgba(255, 255, 255, 0.05);

    /* Unified accent scale */
    --c-accent: #00d4ff;
    --c-accent-dim:    rgba(0, 212, 255, 0.08);
    --c-accent-mid:    rgba(0, 212, 255, 0.20);
    --c-accent-strong: rgba(0, 212, 255, 0.50);

    /* Timing tokens */
    --t-fast: 0.18s;
    --t-base: 0.24s;
    --t-slow: 0.4s;
}

body {
    background-color: var(--bg-black);
    font-family: 'Inter', sans-serif;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* Brand selection color */
::selection {
    background: rgba(0, 212, 255, 0.28);
    color: #ffffff;
}

/* Custom scrollbar */
::-webkit-scrollbar { width: 6px; background: #050b12; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(0, 212, 255, 0.28); border-radius: 999px; }
::-webkit-scrollbar-thumb:hover { background: rgba(0, 212, 255, 0.5); }

/* Michroma sadece başlıklar ve marka için */
.cyro-logo, .nav-link-premium, .hero-title, h2 {
    font-family: 'Michroma', sans-serif;
    letter-spacing: 2px;
}

/* Navigasyon - Glassmorphism */
.nav-blur {
    background: rgba(5, 5, 5, 0.8);
    backdrop-filter: blur(15px);
    transition: all 0.4s ease;
}

.border-bottom-dark { border-bottom: 1px solid var(--border-color); }

.nav-link-premium {
    color: rgba(255,255,255,0.6) !important;
    font-size: 0.75rem;
    text-decoration: none;
    position: relative;
    transition: color 0.25s ease, text-shadow 0.25s ease, transform 0.25s ease;
}

.nav-link-premium::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(0, 212, 255, 0.95), transparent);
    transform: scaleX(0.18);
    transform-origin: left;
    opacity: 0.25;
    transition: transform 0.22s ease, opacity 0.22s ease;
}

.nav-link-premium:hover {
    color: var(--accent-blue) !important;
    transform: translateY(-1px);
}

.nav-link-premium:hover::after,
.nav-link-premium:focus::after {
    transform: scaleX(1);
    opacity: 1;
}

.nav-link-premium.active-page {
    color: var(--accent-blue) !important;
}

.nav-link-premium.active-page::after {
    transform: scaleX(1);
    opacity: 1;
}

.nav-cart-icon-item {
    margin-right: -10px;
}

.nav-cart-icon-link {
    width: 34px;
    height: 34px;
    border: 1px solid rgba(0, 212, 255, 0.45);
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--accent-blue);
    text-decoration: none;
    transition: all 0.22s ease;
}

.nav-cart-icon-link svg {
    width: 17px;
    height: 17px;
    stroke: currentColor;
    stroke-width: 1.8;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.nav-cart-icon-link:hover {
    color: #001116;
    background: rgba(0, 212, 255, 0.95);
    box-shadow: 0 0 14px rgba(0, 212, 255, 0.35);
}

.nav-cart-icon-item-mobile {
    padding: 0 0.2rem;
}

.nav-cart-icon-link-mobile {
    width: auto;
    border-radius: 8px;
    padding: 0.5rem 0.7rem;
    gap: 0.4rem;
    justify-content: flex-start;
    font-family: 'Michroma', sans-serif;
    font-size: 0.62rem;
    letter-spacing: 0.08em;
}

.cyro-toggler {
    border: 1px solid rgba(0, 212, 255, 0.35);
    padding: 0.35rem 0.55rem;
}

.cyro-toggler:focus {
    box-shadow: 0 0 0 0.15rem rgba(0, 212, 255, 0.25);
}

.cyro-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(0,212,255,0.9)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

/* Premium Kartlar */
.cyro-card {
    background: var(--card-bg);
    border: 1px solid var(--border-color);
    padding: 2.5rem;
    position: relative;
    transition: all 0.42s cubic-bezier(0.2, 0.9, 0.3, 1);
}

.cyro-card:hover {
    background: rgba(0, 212, 255, 0.03);
    border-color: var(--accent-blue);
    transform: translateY(-5px);
}

/* Navbar Logosu Ayarı */
.nav-logo {
    height: 40px; /* Profesyonel standart; gerekirse 35-45 arası değiştir */
    width: auto;
    display: block;
    object-fit: contain;
    transition: transform 0.3s ease;
}

.nav-logo:hover {
    transform: scale(1.02); /* Üzerine gelince hafif büyüme */
}

/* İletişim Formu Özel Stilleri */
.cyro-input {
    width: 100%;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: white;
    padding: 12px 15px;
    font-size: 0.9rem;
    transition: all 0.3s ease;
    outline: none;
}

.cyro-input:focus {
    border-color: var(--accent-blue);
    background: rgba(0, 212, 255, 0.03);
    box-shadow: 0 0 0 3px rgba(0, 212, 255, 0.12);
    outline: none;
}

.contact-info-item .h5 {
    font-family: 'Inter', sans-serif;
    font-weight: 300;
}

.contact-label-cyan {
    color: var(--accent-blue) !important;
    letter-spacing: 0.08em;
    font-weight: 600;
}

/* Form Kartı Ekranı */
.cyro-card-premium {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
}

.btn-contact-send {
    background: rgba(0, 212, 255, 0.14);
    border: 1px solid var(--accent-blue);
    color: #bff6ff;
    font-weight: 600;
    letter-spacing: 0.04em;
    transition: all 0.25s ease;
}

.btn-contact-send:hover,
.btn-contact-send:focus {
    background: rgba(0, 212, 255, 0.28);
    color: #ffffff;
    border-color: #7ceeff;
    box-shadow: 0 0 16px rgba(0, 212, 255, 0.35);
}

/* Vision Sayfasına Özel */
.vision-hero {
    height: 70vh;
    background: radial-gradient(circle at center, rgba(0, 212, 255, 0.05) 0%, transparent 70%);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.vision-main-title {
    font-family: 'Michroma';
    font-size: 4rem;
    letter-spacing: 0.18em;
    margin-bottom: 20px;
}

.vision-divider {
    width: 100px;
    height: 4px;
    background: var(--accent-blue);
    margin: 20px auto;
}

.vision-sub-text {
    font-family: 'Inter';
    font-weight: 300;
    font-size: 1.1rem;
    letter-spacing: 0.1em;
    opacity: 0.7;
}

/* Vision article layout */
.vision-article-shell {
    margin-top: 72px;
    min-height: calc(100vh - 72px);
    padding: 2.8rem 0 4rem;
    background:
        radial-gradient(circle at 12% 10%, rgba(0, 212, 255, 0.13), transparent 48%),
        radial-gradient(circle at 85% 8%, rgba(0, 212, 255, 0.08), transparent 52%);
}

.vision-article-wrap {
    max-width: 980px;
}

.vision-article-hero {
    border: 1px solid rgba(0, 212, 255, 0.22);
    background: linear-gradient(145deg, rgba(0, 212, 255, 0.08), rgba(5, 16, 22, 0.66));
    padding: 2.2rem 2rem 1.8rem;
    margin-bottom: 1.4rem;
}

.vision-article-kicker {
    margin: 0 0 0.8rem;
    color: #7fd7e5 !important;
    font-family: 'Michroma', sans-serif;
    font-size: 0.64rem;
    letter-spacing: 0.15em;
}

.vision-article-intro {
    margin: 0;
    max-width: 760px;
    font-size: 1.03rem;
    line-height: 1.8;
    opacity: 0.87;
}

.vision-article-content {
    display: grid;
    gap: 1rem;
}

.vision-article-main,
.vision-article-section,
.vision-article-empty {
    border: 1px solid rgba(0, 212, 255, 0.2);
    background: rgba(7, 17, 25, 0.78);
}

.vision-article-main {
    padding: 1.8rem;
    display: grid;
    gap: 1rem;
}

.vision-article-sections {
    display: grid;
    gap: 0.95rem;
}

.vision-article-section {
    padding: 1.25rem 1.3rem;
    border-left: 3px solid rgba(0, 212, 255, 0.45);
    display: grid;
    gap: 0.7rem;
}

.vision-article-empty {
    display: grid;
    gap: 0.9rem;
    padding: 1.45rem;
    border-style: dashed;
}

.vision-article-head {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.85rem;
    align-items: flex-start;
}

.vision-article-index {
    min-width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(0, 212, 255, 0.55);
    background: rgba(0, 212, 255, 0.1);
    color: #7fefff !important;
    font-family: 'Michroma', sans-serif;
    font-size: 0.72rem;
    letter-spacing: 0.1em;
}

.vision-article-main h2,
.vision-article-section h4,
.vision-article-empty h2,
.vision-article-subhead {
    margin: 0;
    color: #f4fdff;
}

.vision-article-subhead {
    font-family: 'Michroma', sans-serif;
    font-size: 0.75rem;
    letter-spacing: 0.1em;
    opacity: 0.92;
}

.vision-article-meta {
    margin-top: 0.45rem;
    color: #8fc9d2 !important;
    font-size: 0.68rem;
    font-family: 'Michroma', sans-serif;
    letter-spacing: 0.08em;
}

.vision-article-lead {
    margin: 0;
    font-size: 1rem;
    line-height: 1.8;
    white-space: pre-line;
    opacity: 0.93;
}

.vision-article-body {
    margin: 0;
    white-space: pre-wrap;
    font-size: 0.92rem;
    line-height: 1.92;
    opacity: 0.86;
}

.vision-article-shell-v2 .vision-article-hero {
    display: grid;
    gap: 1rem;
}

.vision-article-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
}

.vision-stat-card {
    border: 1px solid rgba(0, 212, 255, 0.28);
    background: rgba(0, 212, 255, 0.08);
    border-radius: 10px;
    padding: 0.7rem 0.85rem;
    min-width: 210px;
    display: grid;
    gap: 0.25rem;
}

.vision-stat-card span {
    font-size: 0.66rem;
    letter-spacing: 0.08em;
    opacity: 0.85;
}

.vision-stat-card strong {
    font-family: 'Michroma', sans-serif;
    font-size: 0.82rem;
    letter-spacing: 0.06em;
    color: #bff6ff !important;
}

.vision-article-grid {
    display: grid;
    grid-template-columns: minmax(230px, 280px) minmax(0, 1fr);
    gap: 1rem;
}

.vision-article-index-panel {
    border: 1px solid rgba(0, 212, 255, 0.22);
    padding: 1rem;
    position: sticky;
    top: 86px;
    height: fit-content;
}

.vision-article-index-panel h3 {
    margin: 0 0 0.85rem;
    font-size: 0.74rem;
    letter-spacing: 0.08em;
}

.vision-article-index-links {
    display: grid;
    gap: 0.55rem;
}

.vision-index-link {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.55rem;
    align-items: center;
    text-decoration: none;
    border: 1px solid rgba(0, 212, 255, 0.18);
    background: rgba(255, 255, 255, 0.01);
    border-radius: 10px;
    padding: 0.5rem 0.6rem;
    transition: all 0.2s ease;
}

.vision-index-link span {
    font-family: 'Michroma', sans-serif;
    font-size: 0.58rem;
    color: #8feeff !important;
}

.vision-index-link strong {
    font-size: 0.8rem;
    font-weight: 500;
    color: #ecfbff !important;
}

.vision-index-link:hover {
    border-color: rgba(0, 212, 255, 0.55);
    background: rgba(0, 212, 255, 0.1);
}

.rich-article-content,
.rich-article-content * {
    color: #eaf8ff !important;
}

.rich-article-content h1,
.rich-article-content h2,
.rich-article-content h3,
.rich-article-content h4,
.rich-article-content h5,
.rich-article-content h6 {
    margin: 0.8rem 0 0.45rem;
    letter-spacing: 0.04em;
}

.rich-article-content ul,
.rich-article-content ol {
    padding-left: 1.3rem;
}

.rich-article-content blockquote {
    margin: 0.8rem 0;
    border-left: 2px solid rgba(0, 212, 255, 0.4);
    padding-left: 0.75rem;
}

.rich-article-content pre {
    border: 1px solid rgba(0, 212, 255, 0.24);
    background: rgba(0, 0, 0, 0.35);
    border-radius: 10px;
    padding: 0.8rem;
    overflow-x: auto;
}

/* Hareketli Orb Efekti */
.vision-abstract-shape {
    position: relative;
    width: 300px;
    height: 300px;
    margin: 0 auto;
}

.orb-inner {
    width: 150px;
    height: 150px;
    background: var(--accent-blue);
    border-radius: 50%;
    filter: blur(80px);
    opacity: 0.3;
    animation: pulse 5.8s infinite ease-in-out;
}

.orb-outer {
    position: absolute;
    width: 250px;
    height: 250px;
    border: 1px solid rgba(0, 212, 255, 0.2);
    border-radius: 50%;
    animation: orb-rotate 26s infinite linear;
}

.vision-card-static {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-left: 4px solid var(--accent-blue);
}

@keyframes orb-rotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.project-filter-nav {
    border-bottom: 1px solid rgba(255,255,255,0.05);
    padding-bottom: 20px;
}

.filter-btn {
    background: none;
    border: none;
    color: rgba(255,255,255,0.5);
    font-family: 'Michroma';
    font-size: 0.7rem;
    letter-spacing: 2px;
    transition: all 0.3s ease;
}

.filter-btn.active, .filter-btn:hover {
    color: var(--accent-blue);
}

.btn-link {
    position: relative;
    display: inline-block;
    text-decoration: none;
    color: #a9f2ff !important;
    font-family: 'Michroma', sans-serif;
    font-size: 0.66rem;
    letter-spacing: 0.1em;
    transition: color 0.22s ease, transform 0.22s ease, text-shadow 0.22s ease;
}

.btn-link::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(0, 212, 255, 0.95), transparent);
    transform: scaleX(0.18);
    transform-origin: left;
    opacity: 0.4;
    transition: transform 0.22s ease, opacity 0.22s ease;
}

.btn-link:hover,
.btn-link:focus {
    color: #d4f9ff !important;
    transform: translateY(-1px);
}

.btn-link:hover::after,
.btn-link:focus::after {
    transform: scaleX(1);
    opacity: 1;
}

.card-badge {
    font-size: 0.6rem;
    color: var(--accent-blue);
    border: 1px solid var(--accent-blue);
    display: inline-block;
    padding: 2px 8px;
    margin-bottom: 15px;
}

/* Başlıklar hariç tüm metin rengi */
body *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(h1 *):not(h2 *):not(h3 *):not(h4 *):not(h5 *):not(h6 *):not(.btn-cyro-outline):not(.btn-cyro-outline *):not(#son):not(#son *):not(.contact-label-cyan):not(.contact-label-cyan *) {
    color: #F2F5F7 !important;
}

/* Global metin kuralından ayrılan özel alan */
#son {
    color: #00d4ff !important;
}

/* Projects içinde kart başlıkları dahil metinler */
.projects-section *:not(h1):not(h1 *) {
    color: #F2F5F7 !important;
}

/* text-info d-block mb-1 sınıf kombinasyonu cyan olsun */
.text-info.d-block.mb-1 {
    color: var(--accent-blue) !important;
}
.footer-premium {
    background: #050505;
    color: #ffffff;
}

.footer-brand {
    font-size: 1.2rem;
    text-decoration: none;
    letter-spacing: 4px;
    color: #fff;
}

/* Home featured + release notes */
.featured-project-panel,
.release-notes-panel {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(0, 212, 255, 0.22);
    border-radius: 14px;
    padding: 2rem;
}

.featured-project-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.8rem;
    align-items: center;
}

.featured-project-visual img {
    width: 100%;
    height: 360px;
    object-fit: cover;
    border-radius: 12px;
    border: 1px solid rgba(0, 212, 255, 0.35);
}

.featured-label {
    display: inline-flex;
    padding: 0.2rem 0.75rem;
    border: 1px solid rgba(0, 212, 255, 0.55);
    border-radius: 999px;
    font-family: 'Michroma', sans-serif;
    font-size: 0.62rem;
    letter-spacing: 0.1em;
    color: #89ebff;
}

.featured-project-copy h2 {
    margin-top: 0.9rem;
    margin-bottom: 1rem;
}

.featured-description {
    max-height: 132px;
    overflow: hidden;
    position: relative;
    line-height: 1.68;
    font-size: 0.9rem;
    white-space: pre-wrap;
}

.featured-description::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 36px;
    background: linear-gradient(to bottom, rgba(7, 17, 25, 0), rgba(7, 17, 25, 0.92));
    pointer-events: none;
}

.featured-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-top: 0.7rem;
}

.featured-meta span {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 999px;
    padding: 0.2rem 0.6rem;
    font-size: 0.75rem;
}

.release-notes-head {
    margin-bottom: 1.3rem;
}

.release-notes-list {
    display: grid;
    gap: 0.9rem;
}

.release-note-item {
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    padding: 1rem 1.1rem;
    background: rgba(255, 255, 255, 0.015);
}

.release-note-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.35rem;
}

.release-note-top .version {
    color: #8ceeff !important;
    font-weight: 700;
}

.release-note-top .date {
    opacity: 0.65;
    font-size: 0.82rem;
}

.release-note-text {
    max-height: 132px;
    overflow: hidden;
    position: relative;
    line-height: 1.68;
    font-size: 0.9rem;
    white-space: pre-line;
}

.release-note-text::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 36px;
    background: linear-gradient(to bottom, rgba(7, 17, 25, 0), rgba(7, 17, 25, 0.92));
    pointer-events: none;
}

.release-notes-more {
    margin-top: 1rem;
    display: flex;
    justify-content: flex-end;
}

.release-archive-shell {
    margin-top: 72px;
    min-height: calc(100vh - 72px);
    padding: 2.4rem 0 3.2rem;
    background:
        radial-gradient(circle at 12% 9%, rgba(0, 212, 255, 0.12), transparent 50%),
        radial-gradient(circle at 84% 11%, rgba(0, 212, 255, 0.08), transparent 58%);
}

.release-archive-wrap {
    max-width: 1220px;
}

.release-archive-hero {
    border: 1px solid rgba(0, 212, 255, 0.22);
    background: linear-gradient(145deg, rgba(0, 212, 255, 0.08), rgba(5, 16, 22, 0.66));
    padding: 2rem 1.8rem;
    margin-bottom: 1rem;
}

.release-archive-sub {
    margin: 0;
    font-size: 0.96rem;
    line-height: 1.7;
    opacity: 0.86;
}

.release-archive-empty {
    padding: 1.6rem;
    border: 1px dashed rgba(0, 212, 255, 0.35);
}

.release-archive-grid {
    display: grid;
    grid-template-columns: minmax(290px, 340px) minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

.release-archive-list,
.release-archive-detail {
    border: 1px solid rgba(0, 212, 255, 0.2);
    background: rgba(7, 17, 25, 0.8);
}

.release-archive-list {
    padding: 0.6rem;
    display: grid;
    gap: 0.45rem;
}

.release-archive-item {
    text-decoration: none;
    border: 1px solid rgba(0, 212, 255, 0.14);
    background: rgba(255, 255, 255, 0.01);
    border-radius: 10px;
    padding: 0.8rem 0.85rem;
    transition: all 0.2s ease;
}

.release-archive-item:hover,
.release-archive-item.active {
    border-color: rgba(0, 212, 255, 0.5);
    background: rgba(0, 212, 255, 0.08);
}

.release-archive-item h3 {
    margin: 0.35rem 0 0;
    font-size: 0.88rem;
    line-height: 1.45;
}

.release-archive-item-top {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    align-items: center;
}

.release-archive-item-top .version,
.release-archive-detail-top .version {
    color: #8ceeff !important;
    font-family: 'Michroma', sans-serif;
    font-size: 0.62rem;
    letter-spacing: 0.08em;
}

.release-archive-item-top .date,
.release-archive-detail-top .date {
    opacity: 0.68;
    font-size: 0.72rem;
}

.release-archive-detail {
    padding: 1.2rem 1.3rem;
}

.release-archive-detail-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-bottom: 0.8rem;
}

.release-archive-detail h2 {
    margin: 0 0 0.8rem;
}

.release-archive-detail-body {
    line-height: 1.82;
    white-space: pre-line;
}

.release-archive-detail-body p:last-child {
    margin-bottom: 0;
}

.release-note-text,
.release-note-text * {
    color: #eaf8ff !important;
}

.release-archive-detail-body,
.release-archive-detail-body * {
    color: #eaf8ff !important;
}

.release-archive-detail-body h1,
.release-archive-detail-body h2,
.release-archive-detail-body h3,
.release-archive-detail-body h4,
.release-archive-detail-body h5,
.release-archive-detail-body h6 {
    margin: 0.9rem 0 0.55rem;
    font-size: 1.05rem;
    letter-spacing: 0.04em;
}

.release-archive-detail-body ul,
.release-archive-detail-body ol {
    padding-left: 1.3rem;
}

.release-archive-detail-body blockquote {
    margin: 0.8rem 0;
    border-left: 2px solid rgba(0, 212, 255, 0.42);
    padding-left: 0.75rem;
    opacity: 0.92;
}

.release-archive-detail-body pre {
    background: rgba(0, 0, 0, 0.42);
    border: 1px solid rgba(0, 212, 255, 0.22);
    border-radius: 10px;
    padding: 0.8rem;
    overflow: auto;
}

/* Rich text editor */
.cyro-rich-source {
    display: none !important;
}

.cyro-rich-host {
    border: 1px solid rgba(0, 212, 255, 0.24);
    border-radius: 8px;
    background: linear-gradient(165deg, rgba(4, 12, 18, 0.96), rgba(6, 16, 24, 0.93));
    overflow: hidden;
}

.cyro-rich-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 10px;
    border-bottom: 1px solid rgba(0, 212, 255, 0.22);
    background: rgba(0, 0, 0, 0.34);
}

.cyro-rich-group {
    display: inline-flex;
    gap: 8px;
    align-items: center;
}

.cyro-rich-btn {
    min-width: 36px;
    height: 32px;
    border: 1px solid rgba(0, 212, 255, 0.34);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.02);
    color: #d8edf3;
    font-size: 0.72rem;
    font-family: 'Michroma', sans-serif;
    letter-spacing: 0.02em;
    cursor: pointer;
    transition: all 0.2s ease;
}

.cyro-rich-btn:hover,
.cyro-rich-btn:focus {
    border-color: rgba(0, 212, 255, 0.8);
    color: #ebfbff;
    box-shadow: 0 0 14px rgba(0, 212, 255, 0.24);
}

.cyro-rich-btn.active {
    border-color: rgba(0, 212, 255, 0.95);
    background: rgba(0, 212, 255, 0.2);
    color: #f1fdff;
    box-shadow: 0 0 16px rgba(0, 212, 255, 0.34);
}

.cyro-rich-select {
    height: 32px;
    min-width: 98px;
    border: 1px solid rgba(0, 212, 255, 0.32);
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.4);
    color: #d8edf3;
    font-size: 0.68rem;
    font-family: 'Michroma', sans-serif;
    letter-spacing: 0.04em;
    padding: 0 9px;
    outline: none;
}

.cyro-rich-select:focus {
    border-color: rgba(0, 212, 255, 0.84);
    box-shadow: 0 0 0 2px rgba(0, 212, 255, 0.14);
}

.cyro-rich-color-wrap {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.cyro-rich-color {
    width: 36px;
    height: 32px;
    border: 1px solid rgba(0, 212, 255, 0.34);
    border-radius: 8px;
    background: transparent;
    padding: 3px;
    cursor: pointer;
}

.cyro-rich-editor {
    min-height: 220px;
    padding: 14px;
    line-height: 1.75;
    color: #f2f6f8;
    outline: none;
    font-size: 0.95rem;
}

.cyro-rich-editor:focus {
    box-shadow: inset 0 0 0 1px rgba(0, 212, 255, 0.72), 0 0 18px rgba(0, 212, 255, 0.2);
}

.cyro-rich-editor h2,
.cyro-rich-editor h3 {
    margin-top: 0.45rem;
    margin-bottom: 0.45rem;
    color: #f4fdff;
}

.cyro-rich-editor p:last-child {
    margin-bottom: 0;
}

.cyro-rich-editor ul,
.cyro-rich-editor ol {
    padding-left: 1.35rem;
}

.cyro-rich-editor blockquote {
    margin: 0.85rem 0;
    border-left: 2px solid rgba(0, 212, 255, 0.42);
    padding-left: 0.75rem;
    color: #c8f4ff;
}

.cyro-rich-editor pre {
    background: rgba(0, 0, 0, 0.42);
    border: 1px solid rgba(0, 212, 255, 0.26);
    border-radius: 10px;
    padding: 0.8rem;
    overflow-x: auto;
}

@media (max-width: 991.98px) {
    .release-archive-shell {
        margin-top: 66px;
    }

    .release-archive-grid {
        grid-template-columns: 1fr;
    }

    .release-notes-more {
        justify-content: flex-start;
    }
}

.featured-project-empty {
    text-align: center;
    padding: 2rem 1rem;
}

/* Global reveal animation */
.reveal {
    opacity: 0;
    transition: opacity 0.75s ease, transform 0.75s ease;
    will-change: transform, opacity;
}

.reveal-up { transform: translateY(38px); }
.reveal-left { transform: translateX(-48px); }
.reveal-right { transform: translateX(48px); }

.reveal.in {
    opacity: 1;
    transform: translate(0, 0);
}

@media (max-width: 992px) {
    .featured-project-grid {
        grid-template-columns: 1fr;
    }
    .featured-project-visual img {
        height: 250px;
    }
}

.footer-link {
    color: #F2F5F7 !important;
    text-decoration: none;
    font-size: 0.8rem;
    font-weight: 300;
    opacity: 0.6;
    display: block;
    margin-bottom: 12px;
    transition: all 0.3s ease;
}

.footer-link:hover {
    color: var(--accent-blue) !important;
    opacity: 1;
    padding-left: 5px; /* Hafif bir kayma efekti */
}

/* Newsletter Input Alanı */
.footer-newsletter .cyro-input {
    border-radius: 0;
    background: rgba(255,255,255,0.02);
}

.footer-newsletter .btn-cyro-outline {
    border-radius: 0;
    border-left: none;
    background: #00d4ff;
    color: #03141a !important;
    font-weight: 700;
    letter-spacing: 0.04em;
    border-color: #00d4ff;
    box-shadow: 0 0 14px rgba(0, 212, 255, 0.35);
    transition: all 0.25s ease;
}

.footer-newsletter .btn-cyro-outline:hover,
.footer-newsletter .btn-cyro-outline:focus {
    background: #5ce8ff;
    color: #000b10 !important;
    border-color: #5ce8ff;
    box-shadow: 0 0 18px rgba(92, 232, 255, 0.45);
    transform: translateY(-1px);
}

/* Index hero abonelik alanı */
.hero-subscribe-wrap {
    max-width: 560px;
    margin: 0 auto;
}

.hero-subscribe-note {
    margin-bottom: 10px;
    opacity: 0.72;
    letter-spacing: 0.04em;
}

.hero-subscribe .cyro-input {
    border-radius: 10px 0 0 10px;
    min-height: 48px;
    font-size: 0.9rem;
    padding-left: 16px;
}

.hero-subscribe .btn-cyro-outline {
    border-radius: 0 10px 10px 0;
    min-height: 48px;
    min-width: 150px;
    font-size: 0.76rem;
}

@media (max-width: 991.98px) {
    .navbar .container {
        padding-top: 0.6rem !important;
        padding-bottom: 0.6rem !important;
    }

    .navbar-collapse {
        margin-top: 0.75rem;
        border-top: 1px solid rgba(255, 255, 255, 0.08);
        padding-top: 0.9rem;
        padding-bottom: 0.35rem;
    }

    .navbar-nav {
        width: 100%;
        gap: 0.35rem !important;
    }

    .navbar-nav li {
        text-align: center;
    }

    .nav-link-premium {
        display: block;
        padding: 0.65rem 0;
        font-size: 0.7rem;
    }
}

@media (max-width: 576px) {
    .hero-subscribe .cyro-input {
        min-height: 44px;
    }

    .hero-subscribe .btn-cyro-outline {
        min-height: 44px;
        min-width: 120px;
        font-size: 0.72rem;
    }
}
.terms-container {
    background: rgba(242, 245, 247, 0.02);
    border: 1px solid rgba(242, 245, 247, 0.05);
    border-radius: 4px;
}

.terms-section h5 {
    font-size: 0.9rem;
    letter-spacing: 2px;
}

.terms-section p {
    color: #F2F5F7 !important;
    font-size: 0.95rem;
    line-height: 1.8;
    font-weight: 300;
}

/* Terms sections – no shift on hover */
.terms-section {
    transition: none;
}
/* Universe Sayfa Yapısı */
.universe-hero {
    height: 80vh;
    background: radial-gradient(circle at center, rgba(0, 212, 255, 0.1) 0%, transparent 80%);
}

.glow-text {
    text-shadow: 0 0 28px rgba(0, 212, 255, 0.32);
}

/* Timeline Çizgisi */
.universe-timeline {
    position: relative;
    max-width: 900px;
    margin: 0 auto;
    padding: 40px 0;
}

.universe-timeline::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    width: 2px;
    height: 100%;
    background: linear-gradient(to bottom, transparent, var(--accent-blue), transparent);
    transform: translateX(-50%);
}

.timeline-item {
    position: relative;
    width: 50%;
}

.timeline-item:nth-child(odd) { padding-right: 50px; text-align: right; }
.timeline-item:nth-child(even) { padding-left: 50px; margin-left: 50%; text-align: left; }

.chapter-number {
    font-size: 3rem;
    opacity: 0.3;
    display: block;
}

/* Görsel Kart Tasarımı */
.universe-visual-card {
    background: linear-gradient(135deg, rgba(0, 212, 255, 0.05), rgba(242, 245, 247, 0.02));
    border: 1px solid rgba(242, 245, 247, 0.1);
    width: 200% !important; /* Ortadaki çizgiyi kaplasın diye */
    margin-left: -50% !important;
    backdrop-filter: blur(10px);
}

.page-main {
    min-height: 100vh;
}

.nav-blur.scrolled {
    background: rgba(4, 4, 4, 0.92);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.35);
}

.btn-cyro-outline {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid rgba(0, 212, 255, 0.58);
    color: #9befff !important;
    background: rgba(0, 212, 255, 0.07);
    font-size: 0.74rem;
    font-family: 'Michroma', sans-serif;
    letter-spacing: 0.1em;
    padding: 0.7rem 1.2rem;
    text-decoration: none;
    transition: all 0.25s ease;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.btn-cyro-outline:hover,
.btn-cyro-outline:focus {
    color: #06161c !important;
    background: rgba(0, 212, 255, 0.92);
    border-color: rgba(0, 212, 255, 0.95);
    box-shadow: 0 4px 18px rgba(0, 212, 255, 0.22);
}

.hero-viewport {
    min-height: 100svh;
    padding-top: 6.5rem;
    padding-bottom: 3rem;
}

.hero-container .lead {
    max-width: 780px;
    margin-left: auto;
    margin-right: auto;
}

.hero-subscribe {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
}

.footer-newsletter {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
}

.footer-newsletter .btn-cyro-outline {
    min-height: 44px;
    white-space: nowrap;
}

.auth-action-btn {
    min-width: 180px;
}

.btn-cyro-mobile-nav {
    display: inline-block;
    padding: 0.52rem 0.95rem;
    font-size: 0.63rem;
    letter-spacing: 0.08em;
    min-width: 142px;
}

.nav-user-menu {
    position: relative;
}

.nav-user-trigger {
    display: inline-flex;
    position: relative;
    overflow: hidden;
    align-items: center;
    gap: 0.45rem;
    border: 1px solid rgba(0, 212, 255, 0.55);
    background: rgba(0, 212, 255, 0.08);
    color: #a6f4ff;
    font-family: 'Michroma', sans-serif;
    font-size: 0.64rem;
    letter-spacing: 0.08em;
    padding: 0.62rem 0.85rem;
    transition: all 0.22s ease;
}

.nav-user-trigger:hover {
    background: rgba(0, 212, 255, 0.18);
}

.nav-user-trigger::before {
    content: '';
    position: absolute;
    top: -45%;
    bottom: -45%;
    left: -70%;
    width: 42%;
    background: linear-gradient(90deg, transparent, rgba(0, 212, 255, 0.38), transparent);
    transform: skewX(-18deg) translateX(0);
    opacity: 0;
    pointer-events: none;
    transition: transform 0.5s ease, opacity 0.22s ease;
}

.nav-user-caret {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #86edff;
    transition: transform 0.2s ease;
}

.nav-user-menu.open .nav-user-caret {
    transform: rotate(180deg);
}

.nav-user-dropdown {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    min-width: 150px;
    background: #061218;
    border: 1px solid rgba(0, 212, 255, 0.35);
    box-shadow: 0 12px 26px rgba(0, 0, 0, 0.35);
    opacity: 0;
    transform: translateY(-8px);
    pointer-events: none;
    transition: opacity 0.2s ease, transform 0.2s ease;
    z-index: 2000;
}

.nav-user-menu.open .nav-user-dropdown {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.nav-dropdown-link {
    display: block;
    width: 100%;
    text-decoration: none;
    color: #d9f8ff !important;
    font-family: 'Michroma', sans-serif;
    letter-spacing: 0.08em;
    font-size: 0.62rem;
    padding: 0.72rem 0.8rem;
    text-align: left;
}

.nav-dropdown-link:hover {
    background: rgba(0, 212, 255, 0.14);
    color: #ffffff !important;
}

.nav-logout-btn {
    width: 100%;
    border: none;
    background: transparent;
    color: #d9f8ff;
    font-family: 'Michroma', sans-serif;
    letter-spacing: 0.08em;
    font-size: 0.62rem;
    padding: 0.72rem 0.8rem;
    text-align: left;
}

.nav-logout-btn:hover {
    background: rgba(0, 212, 255, 0.14);
    color: #ffffff;
}

.nav-user-menu-mobile {
    position: relative;
    max-width: 220px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.8rem;
}

.nav-user-trigger-mobile {
    justify-content: center;
}

.nav-user-dropdown-mobile {
    position: static;
    margin-top: 8px;
    min-width: 100%;
    transform: translateY(-6px);
}

.nav-dropdown-link-mobile,
.nav-user-dropdown-mobile .nav-logout-btn {
    text-align: center;
}

.vision-card-static,
.cyro-card-premium,
.cyro-card {
    overflow: hidden;
}

@media (max-width: 1199.98px) {
    .vision-main-title {
        font-size: 3rem;
        letter-spacing: 9px;
    }
}

@media (max-width: 991.98px) {
    #nav-account-desktop {
        display: none !important;
    }

    .page-main {
        padding-top: 0;
    }

    .hero-viewport {
        padding-top: 6.2rem;
        padding-bottom: 2.2rem;
    }

    .hero-title {
        font-size: clamp(2rem, 8vw, 3.2rem) !important;
        letter-spacing: 1px;
    }

    .hero-container .lead {
        font-size: 0.98rem;
    }

    .cyro-card,
    .cyro-card-premium,
    .vision-card-static {
        padding: 1.5rem;
    }

    .project-filter-nav {
        flex-wrap: wrap;
        gap: 0.8rem !important;
    }

    .vision-main-title {
        font-size: 2.2rem;
        letter-spacing: 5px;
    }

    .vision-article-shell {
        margin-top: 66px;
        padding: 2.2rem 0 3rem;
    }

    .vision-article-grid {
        grid-template-columns: 1fr;
    }

    .vision-article-index-panel {
        position: static;
    }

    .vision-stat-card {
        min-width: 0;
        width: 100%;
    }

    .vision-article-hero {
        padding: 1.6rem 1.2rem 1.4rem;
    }

    .vision-article-main {
        padding: 1.35rem;
    }

    .vision-article-lead,
    .vision-article-body,
    .vision-article-intro {
        font-size: 0.93rem;
        line-height: 1.78;
    }

    .vision-sub-text {
        font-size: 0.95rem;
        letter-spacing: 1.2px;
        padding: 0 0.5rem;
    }

    .vision-hero {
        min-height: 54vh;
        height: auto;
        padding: 6.2rem 1rem 3rem;
    }

    .universe-hero {
        min-height: 58vh;
        height: auto;
        padding: 6.2rem 1rem 3rem;
    }

    .universe-timeline::before {
        left: 10px;
    }

    .timeline-item,
    .timeline-item:nth-child(even),
    .timeline-item:nth-child(odd) {
        width: 100%;
        margin-left: 0;
        padding-left: 2.3rem;
        padding-right: 0;
        text-align: left;
    }

    .universe-visual-card {
        width: 100% !important;
        margin-left: 0 !important;
        padding: 1.5rem !important;
    }

    .chapter-number {
        font-size: 2.2rem;
    }

    .footer-premium .row > [class*='col-'] {
        text-align: center;
    }

    .social-icons {
        justify-content: center;
        flex-wrap: wrap;
        gap: 1rem !important;
    }
}

@media (max-width: 767.98px) {
    .container {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .hero-subscribe,
    .footer-newsletter {
        grid-template-columns: 1fr;
        gap: 0.55rem;
    }

    .hero-subscribe .cyro-input,
    .hero-subscribe .btn-cyro-outline,
    .footer-newsletter .cyro-input,
    .footer-newsletter .btn-cyro-outline {
        border-radius: 10px;
        border-left: 1px solid rgba(255, 255, 255, 0.12);
        width: 100%;
    }

    .auth-action-btn {
        width: 100%;
        min-width: 0;
    }

    .footer-brand {
        font-size: 1rem;
        letter-spacing: 2px;
    }

    .footer-link {
        margin-bottom: 9px;
    }

    .btn-cyro-mobile-nav {
        min-width: 132px;
    }

    .nav-user-menu-mobile {
        max-width: 100%;
    }
}

@media (max-width: 575.98px) {
    .nav-logo {
        height: 34px;
    }

    .hero-viewport {
        padding-top: 5.8rem;
    }

    .vision-main-title {
        font-size: 1.55rem;
        letter-spacing: 2.5px;
    }

    .vision-article-kicker {
        font-size: 0.58rem;
        letter-spacing: 0.1em;
    }

    .vision-article-head {
        grid-template-columns: 1fr;
        gap: 0.65rem;
    }

    .vision-article-index {
        width: 44px;
    }

    .filter-btn {
        font-size: 0.62rem;
        letter-spacing: 1px;
    }

    .toast-container {
        left: 0 !important;
        right: 0 !important;
        width: 100%;
        padding: 0.75rem !important;
    }
}

.access-toggle {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 0.3rem;
    border: 1px solid rgba(0, 212, 255, 0.28);
    background: rgba(0, 212, 255, 0.06);
    border-radius: 999px;
    overflow: hidden;
}

.access-toggle-indicator {
    position: absolute;
    top: 0.3rem;
    left: 0.3rem;
    width: calc(50% - 0.3rem);
    bottom: 0.3rem;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(0, 212, 255, 0.92), rgba(102, 236, 255, 0.88));
    box-shadow: 0 0 16px rgba(0, 212, 255, 0.35);
    transition: transform 0.28s ease;
    z-index: 0;
}

.access-toggle[data-mode='register'] .access-toggle-indicator {
    transform: translateX(100%);
}

.access-toggle-btn {
    position: relative;
    z-index: 1;
    border: none;
    background: transparent;
    color: rgba(222, 250, 255, 0.75) !important;
    font-family: 'Michroma', sans-serif;
    letter-spacing: 0.08em;
    font-size: 0.72rem;
    padding: 0.7rem 0.8rem;
    transition: color 0.2s ease;
}

.access-toggle-btn.active {
    color: #00161e !important;
}

.cyro-modal {
    background: #061118;
    border: 1px solid rgba(0, 212, 255, 0.4);
    color: #e8faff;
}

.cyro-modal .modal-title {
    font-size: 0.95rem;
    letter-spacing: 0.12em;
}

.cyro-modal .btn-cyro-outline {
    width: 100%;
}

.forgot-password-link {
    position: relative;
    color: #7fefff !important;
    font-size: 0.78rem;
    letter-spacing: 0.04em;
    transition: color 0.22s ease, text-shadow 0.22s ease, transform 0.22s ease;
}

.forgot-password-link::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgba(0, 212, 255, 0.1), rgba(0, 212, 255, 0.95), rgba(0, 212, 255, 0.1));
    transform: scaleX(0.15);
    transform-origin: left;
    opacity: 0.45;
    transition: transform 0.22s ease, opacity 0.22s ease;
}

.forgot-password-link:hover,
.forgot-password-link:focus {
    color: #c6f8ff !important;
    transform: translateY(-1px);
}

.forgot-password-link:hover::after,
.forgot-password-link:focus::after {
    transform: scaleX(1);
    opacity: 1;
}

.settings-card {
    display: grid;
    gap: 1rem;
}

.settings-user-overview {
    border: 1px solid rgba(0, 212, 255, 0.22);
    background: rgba(0, 212, 255, 0.05);
    padding: 1rem 1.1rem;
}

.settings-user-name {
    font-family: 'Michroma', sans-serif;
    letter-spacing: 0.08em;
    font-size: 0.95rem;
    margin-bottom: 0.35rem;
}

.settings-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.02);
    padding: 1rem 1.1rem;
}

.settings-item-title {
    font-size: 0.8rem;
    margin-bottom: 0.35rem;
}

.settings-item-text {
    margin: 0;
    font-size: 0.82rem;
    opacity: 0.78;
}

.settings-item-danger {
    border-color: rgba(255, 97, 97, 0.33);
    background: rgba(255, 49, 49, 0.06);
}

.btn-settings-danger {
    border: 1px solid rgba(255, 97, 97, 0.72);
    background: rgba(255, 49, 49, 0.12);
    color: #ffdede !important;
    font-size: 0.72rem;
    font-family: 'Michroma', sans-serif;
    letter-spacing: 0.08em;
    padding: 0.7rem 1.1rem;
    transition: all 0.22s ease;
}

.btn-settings-danger:hover,
.btn-settings-danger:focus {
    background: rgba(255, 49, 49, 0.85);
    color: #1c0202 !important;
    border-color: #ffb7b7;
}

@media (max-width: 575.98px) {
    .access-toggle-btn {
        font-size: 0.66rem;
        letter-spacing: 0.06em;
        padding: 0.62rem 0.5rem;
    }

    .settings-item {
        flex-direction: column;
        align-items: flex-start;
    }

    .settings-item .btn-cyro-outline,
    .settings-item .btn-settings-danger {
        width: 100%;
    }
}

.coming-soon-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    border: 1px solid rgba(0, 212, 255, 0.45);
    background: rgba(0, 212, 255, 0.1);
    color: #baf7ff;
    font-family: 'Michroma', sans-serif;
    letter-spacing: 0.09em;
    font-size: 0.66rem;
    padding: 0.7rem 1rem;
    box-shadow: 0 0 18px rgba(0, 212, 255, 0.2);
}

.coming-soon-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #48e3ff;
    box-shadow: 0 0 0 0 rgba(72, 227, 255, 0.8);
    animation: pulse-dot 1.8s infinite;
}

.coming-soon-panel {
    border: 1px solid rgba(0, 212, 255, 0.22);
    background: linear-gradient(130deg, rgba(0, 212, 255, 0.08), rgba(255, 255, 255, 0.02));
    padding: 1.2rem;
}

.coming-soon-panel-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.9rem;
}

.coming-soon-feature {
    border: 1px solid rgba(255, 255, 255, 0.09);
    background: rgba(4, 16, 22, 0.64);
    padding: 1rem;
}

.coming-soon-feature h3 {
    font-size: 0.94rem;
    margin-top: 0.5rem;
    margin-bottom: 0.55rem;
}

.coming-soon-feature p {
    margin: 0;
    opacity: 0.8;
    font-size: 0.86rem;
    line-height: 1.55;
}

.launch-track {
    display: grid;
    gap: 0.9rem;
}

.launch-track-item {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.85rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.02);
    padding: 0.95rem 1rem;
}

.launch-track-step {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(0, 212, 255, 0.45);
    color: #8cefff !important;
    font-family: 'Michroma', sans-serif;
    font-size: 0.58rem;
}

.launch-track-item h4 {
    font-size: 0.82rem;
    margin: 0 0 0.28rem;
}

.launch-track-item p {
    margin: 0;
    font-size: 0.84rem;
    opacity: 0.8;
}

.launch-track-item.done {
    border-color: rgba(0, 212, 255, 0.25);
}

.launch-track-item.active {
    border-color: rgba(0, 212, 255, 0.55);
    background: rgba(0, 212, 255, 0.08);
}

@keyframes pulse-dot {
    0% { box-shadow: 0 0 0 0 rgba(72, 227, 255, 0.7); }
    70% { box-shadow: 0 0 0 9px rgba(72, 227, 255, 0); }
    100% { box-shadow: 0 0 0 0 rgba(72, 227, 255, 0); }
}

@media (max-width: 991.98px) {
    .coming-soon-panel-grid {
        grid-template-columns: 1fr;
    }
}

/* Premium Interaction Layer */
.cyro-card,
.cyro-card-premium,
.vision-card-static,
.coming-soon-feature,
.launch-track-item,
.settings-item {
    position: relative;
    overflow: hidden;
    transition: transform 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease, background 0.28s ease;
}

.cyro-card::before,
.cyro-card-premium::before,
.vision-card-static::before,
.coming-soon-feature::before,
.launch-track-item::before,
.settings-item::before {
    content: '';
    position: absolute;
    inset: -1px;
    background: linear-gradient(115deg, transparent 25%, rgba(0, 212, 255, 0.22) 50%, transparent 75%);
    transform: translateX(-120%);
    opacity: 0;
    pointer-events: none;
}

.btn-cyro-outline,
.btn-settings-danger,
.nav-user-trigger,
.coming-soon-badge,
.btn-contact-send,
.filter-btn,
.nav-dropdown-link,
.nav-logout-btn,
.btn-link {
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease, background 0.22s ease;
}

.nav-link-premium,
.footer-link {
    position: relative;
    transition: color 0.22s ease, text-shadow 0.22s ease, transform 0.22s ease, opacity 0.22s ease;
}

.nav-link-premium:hover,
.footer-link:hover {
    transform: translateY(-1px);
}

@media (hover: hover) and (pointer: fine) {
    .cyro-card:hover,
    .cyro-card-premium:hover,
    .vision-card-static:hover,
    .coming-soon-feature:hover,
    .launch-track-item:hover,
    .settings-item:hover {
        transform: translateY(-2px);
        border-color: rgba(0, 212, 255, 0.38);
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.32), 0 0 12px rgba(0, 212, 255, 0.10);
    }

    .cyro-card:hover::before,
    .cyro-card-premium:hover::before,
    .vision-card-static:hover::before,
    .coming-soon-feature:hover::before,
    .launch-track-item:hover::before,
    .settings-item:hover::before {
        opacity: 1;
        animation: premium-shimmer 0.9s ease;
    }

    .btn-cyro-outline:hover,
    .btn-settings-danger:hover,
    .nav-user-trigger:hover,
    .coming-soon-badge:hover,
    .btn-contact-send:hover,
    .filter-btn:hover,
    .nav-dropdown-link:hover,
    .nav-logout-btn:hover,
    .btn-link:hover {
        transform: translateY(-1px);
        box-shadow: 0 4px 14px rgba(0, 212, 255, 0.16);
    }

    .nav-user-trigger:hover::before {
        opacity: 0.95;
        transform: skewX(-18deg) translateX(360%);
    }
}

@keyframes premium-shimmer {
    from { transform: translateX(-120%); }
    to { transform: translateX(120%); }
}

.nav-user-trigger.active-page {
    background: rgba(0, 212, 255, 0.22);
    border-color: rgba(0, 212, 255, 0.95);
    box-shadow: 0 0 16px rgba(0, 212, 255, 0.34);
    color: #e3fdff;
}

.contact-info-item .contact-label-cyan {
    color: var(--accent-blue) !important;
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
    .orb-inner,
    .orb-outer {
        animation: none !important;
    }
}

/* =========================================
   CYROTECH BRAND BOOK v2.1 - CORE LAYER
   ========================================= */
:root {
    --cyro-bg: #050B12;
    --cyro-surface: #0B1622;
    --cyro-primary: #0072FF;
    --cyro-accent: #00E5FF;
    --cyro-grid-1: 8px;
    --cyro-radius-card: 10px;
    --cyro-radius-control: 8px;
    --cyro-shadow-accent-glow: 0 0 18px rgba(0,229,255,0.35);
}

html,
body {
    background: var(--cyro-bg);
}

.cyro-card,
.cyro-card-premium {
    border-radius: var(--cyro-radius-card);
    background: linear-gradient(165deg, rgba(11, 22, 34, 0.94) 0%, rgba(5, 11, 18, 0.92) 100%);
    border-color: rgba(0, 229, 255, 0.16);
}

.btn-cyro-outline,
.btn-card-action,
.cyro-input,
.cyro-select,
.nav-user-trigger,
.cyro-file {
    border-radius: var(--cyro-radius-control) !important;
}

.btn-cyro-outline,
.btn-card-action {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(0, 229, 255, 0.42);
    color: #CBF9FF;
}

.btn-cyro-outline::before,
.btn-card-action::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(110deg, transparent 20%, rgba(0, 229, 255, 0.24) 50%, transparent 80%);
    transform: translateX(-130%);
    transition: transform 0.56s cubic-bezier(0.19, 1, 0.22, 1);
    pointer-events: none;
}

.btn-cyro-outline:hover::before,
.btn-card-action:hover::before {
    transform: translateX(130%);
}

.btn-cyro-outline:active,
.btn-card-action:active,
.btn-cyro-outline.active,
.btn-card-action.active {
    box-shadow: var(--cyro-shadow-accent-glow);
}

.cyro-input,
.cyro-select {
    background: rgba(11, 22, 34, 0.85);
    border: 1px solid rgba(0, 229, 255, 0.22);
}

.cyro-input:focus,
.cyro-select:focus,
.cyro-input:focus-visible,
.cyro-select:focus-visible {
    border-color: var(--cyro-accent);
    box-shadow: var(--cyro-shadow-accent-glow);
}

.cyro-mini-tags {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--cyro-grid-1) * 0.5);
}

.cyro-mini-tag {
    display: inline-flex;
    align-items: center;
    border: 1px solid rgba(0, 229, 255, 0.34);
    background: rgba(0, 114, 255, 0.14);
    color: #A8F7FF;
    font-family: 'Michroma', sans-serif;
    font-size: 0.52rem;
    letter-spacing: 0.08em;
    padding: 4px 8px;
    border-radius: 999px;
}

.cyro-booting {
    opacity: 0;
    transform: translateY(14px);
    will-change: opacity, transform;
}

.cyro-booting.cyro-booted {
    animation: cyro-boot-in 360ms cubic-bezier(0.19, 1, 0.22, 1) forwards;
}

@keyframes cyro-boot-in {
    from {
        opacity: 0;
        transform: translateY(14px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.cyro-sidebar-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border: 1px solid rgba(0, 229, 255, 0.3);
    background: rgba(11, 22, 34, 0.78);
    color: #D8FCFF;
    border-radius: var(--cyro-radius-control);
    padding: 8px 12px;
    font-family: 'Michroma', sans-serif;
    font-size: 0.56rem;
    letter-spacing: 0.08em;
}

.cyro-sidebar-toggle:hover,
.cyro-sidebar-toggle.is-open {
    border-color: var(--cyro-accent);
    box-shadow: var(--cyro-shadow-accent-glow);
}

.cyro-error-calm {
    border: 1px solid rgba(255, 98, 98, 0.35);
    border-radius: var(--cyro-radius-control);
    background: rgba(160, 20, 20, 0.15);
    color: #FFD5D5;
    padding: 12px 14px;
    font-size: 0.88rem;
}

/* =========================================
   CYROTECH v2.1 - SITEWIDE UNIFICATION
   ========================================= */
.cyro-v21 {
    color: #E6F4FF;
}

.cyro-v21 .text-cyro-accent {
    color: var(--cyro-accent) !important;
}

.cyro-v21 .page-main {
    background: radial-gradient(circle at 50% -20%, rgba(0, 114, 255, 0.12) 0%, transparent 52%);
}

.cyro-v21 h1,
.cyro-v21 h2,
.cyro-v21 h3,
.cyro-v21 h4,
.cyro-v21 h5,
.cyro-v21 .Michroma {
    letter-spacing: 0.08em;
}

.cyro-v21 .hero-title,
.cyro-v21 .display-3,
.cyro-v21 .display-5 {
    font-weight: 300;
}

.cyro-v21 .footer-premium {
    background: linear-gradient(180deg, rgba(11, 22, 34, 0.92), rgba(5, 11, 18, 0.96));
    border-top-color: rgba(0, 229, 255, 0.16) !important;
}

.cyro-v21 .cyro-footer-title {
    font-size: 0.7rem;
    letter-spacing: 0.14em;
}

.cyro-v21 .system-tag {
    font-size: 0.5rem;
    opacity: 0.65;
}

.cyro-v21 .cyro-footer-input {
    font-size: 0.8rem;
}

.cyro-v21 .cyro-footer-btn {
    font-size: 0.7rem;
}

.cyro-v21 .terms-container,
.cyro-v21 .orders-list,
.cyro-v21 .orders-summary,
.cyro-v21 .cart-list,
.cyro-v21 .cart-summary,
.cyro-v21 .product-media,
.cyro-v21 .product-info,
.cyro-v21 .checkout-summary,
.cyro-v21 .checkout-form,
.cyro-v21 .checkout-success,
.cyro-v21 .checkout-card,
.cyro-v21 .project-center-shell .super-dashboard-module,
.cyro-v21 .admin-main,
.cyro-v21 .story-center-shell {
    border-radius: var(--cyro-radius-card);
    border-color: rgba(0, 229, 255, 0.18) !important;
    background: linear-gradient(165deg, rgba(11, 22, 34, 0.94) 0%, rgba(5, 11, 18, 0.92) 100%) !important;
}

.cyro-v21 .cart-item,
.cyro-v21 .orders-item,
.cyro-v21 .product-specs div,
.cyro-v21 .checkout-cart-lines .cart-line,
.cyro-v21 .cyro-management-table td,
.cyro-v21 .cyro-management-table th {
    border-color: rgba(0, 229, 255, 0.2) !important;
}

.cyro-v21 .project-shell,
.cyro-v21 .product-shell,
.cyro-v21 .checkout-shell,
.cyro-v21 .cart-shell,
.cyro-v21 .orders-shell {
    padding-bottom: calc(var(--cyro-grid-1) * 6);
}

/* =========================================
   MOBILE-FIRST OPTIMIZATIONS
   ========================================= */

/* Touch targets */
.btn-cyro-outline,
.btn-card-action,
.nav-user-trigger,
.nav-cart-icon-link,
.nav-link-premium,
.nav-dropdown-link,
.nav-logout-btn {
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
}

.btn-cyro-outline,
.btn-card-action {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Inputs */
.cyro-input,
.cyro-select,
.cyro-file {
    min-height: 44px;
    font-size: 16px; /* iOS zoom engeli */
}

/* ---- xs (< 576px) ---- */
@media (max-width: 575.98px) {
    /* Genel boşluk */
    .container, .container-fluid {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    /* Hero */
    .hero-title,
    .display-3 {
        font-size: clamp(1.6rem, 7vw, 2.4rem) !important;
        line-height: 1.2;
    }

    .display-5 {
        font-size: clamp(1.1rem, 5vw, 1.5rem) !important;
    }

    /* Navbar */
    .cyro-logo {
        font-size: 1rem !important;
    }

    .nav-cart-icon-link {
        width: 38px;
        height: 38px;
    }

    /* Kartlar */
    .cyro-card,
    .cyro-card-premium {
        padding: 1.25rem !important;
    }

    /* Checkout */
    .checkout-shell {
        padding-top: 1rem !important;
    }

    .checkout-grid,
    .cart-grid,
    .orders-grid {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
    }

    .checkout-form,
    .checkout-summary {
        padding: 1.25rem !important;
    }

    /* Kart formu */
    .card-row {
        flex-direction: column !important;
        gap: 0.75rem !important;
    }

    /* Ödeme butonu */
    .btn-cyro-outline[type="submit"],
    .checkout-submit-btn {
        width: 100%;
        font-size: 0.78rem;
    }

    /* Tablolar */
    .cyro-management-table {
        font-size: 0.78rem;
    }

    .cyro-management-table th,
    .cyro-management-table td {
        padding: 0.5rem 0.6rem !important;
    }

    /* Footer */
    .footer-premium .row > [class*="col-"] {
        margin-bottom: 1.5rem;
    }

    .footer-newsletter .d-flex {
        flex-direction: column;
        gap: 0.5rem;
    }

    .footer-newsletter .cyro-input {
        border-radius: 8px !important;
    }

    .footer-newsletter .btn-cyro-outline {
        border-radius: 8px !important;
        border-left: 1px solid #00d4ff !important;
        width: 100%;
    }

    /* Projects */
    .projects-grid,
    .featured-project-grid {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
    }

    /* Universe hero */
    .universe-hero {
        height: 55vh !important;
    }

    /* Access sayfası */
    .access-card {
        padding: 1.5rem 1.25rem !important;
    }
}

/* ---- sm (576px - 767px) ---- */
@media (min-width: 576px) and (max-width: 767.98px) {
    .checkout-grid,
    .cart-grid {
        grid-template-columns: 1fr !important;
        gap: 1.25rem !important;
    }

    .hero-title,
    .display-3 {
        font-size: clamp(1.9rem, 6vw, 2.8rem) !important;
    }
}

/* ---- md (768px - 991px) ---- */
@media (min-width: 768px) and (max-width: 991.98px) {
    .checkout-grid,
    .cart-grid {
        grid-template-columns: 1fr !important;
    }
}

/* Küçük ekranlarda sticky pozisyon kaldır */
@media (max-width: 991.98px) {
    .checkout-summary,
    .cart-summary,
    .orders-summary {
        position: static !important;
    }

    /* Nav dropdown mobil scroll */
    .nav-account-panel,
    .nav-dropdown-panel {
        max-height: 85vh;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
}

/* Kaydırma performansı */
* {
    -webkit-overflow-scrolling: touch;
}

html {
    scroll-behavior: smooth;
}

/* Görüntü taşma engeli */
img, video, iframe {
    max-width: 100%;
    height: auto;
}

/* Phone input group */
.phone-input-group {
    display: flex;
    gap: 0.5rem;
}
.phone-input-group .phone-country-code {
    flex: 0 0 auto;
    width: 110px;
}
.phone-input-group .phone-number-input {
    flex: 1 1 auto;
    min-width: 0;
}

/* =========================================
   CYROTECH v2.0.29 — REFINEMENT LAYER
   ========================================= */

/* Keyboard focus — visible & on-brand */
:focus-visible {
    outline: 2px solid rgba(0, 212, 255, 0.6);
    outline-offset: 3px;
}

/* Subtle top-of-page accent line */
body::before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent 0%, rgba(0,212,255,0.7) 40%, rgba(0,114,255,0.5) 60%, transparent 100%);
    z-index: 9999;
    pointer-events: none;
}

/* Footer bottom row — tighter, cleaner */
.footer-premium hr {
    border-color: rgba(0, 229, 255, 0.10) !important;
}

/* system-tag — minimal, not labelled */
.system-tag {
    font-family: 'Michroma', sans-serif;
    font-size: 0.48rem;
    letter-spacing: 0.14em;
    opacity: 0.38;
    color: var(--accent-blue) !important;
}