/* ═══════════════════════════════════════════
   ArgeTeam Design System v2.0
   Premium SaaS — Commercial Grade
   ═══════════════════════════════════════════ */

/* ── Design Tokens (Binance Renk Paleti) ── */
:root {
    /* Arka Plan Renkleri - Binance Stili */
    --color-bg-primary: #0f0f0f;
    --color-bg-deep: #0a0a0a;
    --color-bg-surface: #1a1a1a;
    --color-bg-card: rgba(26, 26, 26, 0.6);
    --color-bg-glass: rgba(30, 30, 30, 0.7);
    --color-bg-elevated: rgba(30, 30, 30, 0.5);
    --color-bg-input: rgba(26, 26, 26, 0.8);
    --color-bg-hover: rgba(50, 50, 50, 0.4);
    
    /* Metin Renkleri */
    --color-text-primary: #f0f0f0;
    --color-text-secondary: #a0a0a0;
    --color-text-muted: #707070;
    --color-text-inverse: #0f0f0f;
    
    /* Binance Ana Renkleri */
    --color-brand-green: #10b981;
    --color-brand-green-deep: #059669;
    --color-brand-green-light: #34d399;
    --color-brand-red: #ef4444;
    --color-brand-red-deep: #dc2626;
    --color-brand-red-light: #f87171;
    
    /* Yardımcı Renkler */
    --color-brand-cyan: #06b6d4;
    --color-brand-indigo: #6366f1;
    --color-brand-purple: #8b5cf6;
    --color-brand-amber: #f59e0b;
    --color-brand-amber-deep: #d97706;
    --color-brand-blue: #3b82f6;
    
    /* Border ve Glow Renkleri */
    --color-border: rgba(255, 255, 255, 0.1);
    --color-border-subtle: rgba(255, 255, 255, 0.05);
    --color-border-glow: rgba(16, 185, 129, 0.2);
    --color-border-focus: rgba(16, 185, 129, 0.5);
    
    /* Radius */
    --radius-xs: 0.375rem;
    --radius-sm: 0.5rem;
    --radius-md: 0.75rem;
    --radius-lg: 1rem;
    --radius-xl: 1.5rem;
    --radius-full: 9999px;
    
    /* Gölgeler */
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.3);
    --shadow-md: 0 4px 12px rgba(0,0,0,0.3);
    --shadow-lg: 0 8px 32px rgba(0,0,0,0.4);
    --shadow-glow-green: 0 0 40px rgba(16, 185, 129, 0.15);
    --shadow-glow-red: 0 0 40px rgba(239, 68, 68, 0.15);
    --shadow-glow-cyan: 0 0 40px rgba(6, 182, 212, 0.12);
    --shadow-glow-indigo: 0 0 40px rgba(99, 102, 241, 0.12);
    --shadow-glow-amber: 0 0 30px rgba(245, 158, 11, 0.12);
    
    /* Font ve Transition */
    --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
    --transition-fast: 0.15s ease;
    --transition-base: 0.3s ease;
    --transition-slow: 0.5s ease;
    --transition-spring: 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
    
    /* Z-index */
    --z-dropdown: 100;
    --z-modal: 200;
    --z-toast: 300;
    --z-tooltip: 400;
}

/* ── Base ── */
body {
    background-color: var(--color-bg-primary);
    color: var(--color-text-primary);
    font-family: var(--font-sans);
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.6;
}

/* ── Scrollbar ── */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #0f0f0f; }
::-webkit-scrollbar-thumb { background: #10b981; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #059669; }
* { scrollbar-width: thin; scrollbar-color: #10b981 #0f0f0f; }

/* ── Glass Utilities ── */
.glass {
    background: var(--color-bg-glass);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid var(--color-border);
}

.glass-card {
    background: var(--color-bg-card);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: var(--radius-lg);
}

/* ── Gradient Utilities ── */
.gradient-text {
    background: linear-gradient(135deg, var(--color-brand-cyan), var(--color-brand-indigo), var(--color-brand-purple));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.gradient-border {
    position: relative;
}
.gradient-border::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(135deg, rgba(6,182,212,.3), rgba(99,102,241,.3));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

/* ── Section Utilities ── */
.section-label {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
}

.section-line {
    height: 1px;
    width: 2rem;
    display: inline-block;
}

/* ── Card Hover Effects ── */
.hover-lift {
    transition: transform var(--transition-base), box-shadow var(--transition-base);
}
.hover-lift:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-glow-cyan);
}

.hover-glow {
    transition: border-color var(--transition-base), box-shadow var(--transition-base);
}
.hover-glow:hover {
    border-color: rgba(6, 182, 212, 0.3);
    box-shadow: var(--shadow-glow-cyan);
}

/* ── Button Utilities ── */
.btn-primary {
    display: inline-flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.875rem 2rem;
    border-radius: var(--radius-xl);
    font-weight: 700;
    font-size: 0.9rem;
    color: white;
    background: linear-gradient(135deg, #0891b2, #6366f1);
    box-shadow: 0 0 40px rgba(6, 182, 212, 0.3);
    transition: all var(--transition-base);
    text-decoration: none;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    border: none;
}
.btn-primary:hover {
    box-shadow: 0 0 60px rgba(6, 182, 212, 0.4);
    transform: translateY(-1px);
}
.btn-primary:active {
    transform: translateY(0);
}

.btn-secondary {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.875rem 2rem;
    border-radius: var(--radius-xl);
    font-weight: 700;
    font-size: 0.9rem;
    color: #e2e8f0;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(12px);
    transition: all var(--transition-base);
    text-decoration: none;
    cursor: pointer;
}
.btn-secondary:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.2);
}

/* ═══════════════════════════════════════════
   Premium SaaS Component System v2.0
   ═══════════════════════════════════════════ */

/* ── SaaS Card ── */
.saas-card {
    background: linear-gradient(135deg, rgba(15,23,42,0.8), rgba(30,41,59,0.6));
    border: 1px solid var(--color-border-subtle);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
    transition: all var(--transition-base);
    position: relative;
    overflow: hidden;
}
.saas-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(99,102,241,0.3), rgba(6,182,212,0.3), transparent);
    opacity: 0;
    transition: opacity var(--transition-base);
}
.saas-card:hover {
    border-color: var(--color-border-glow);
    box-shadow: var(--shadow-glow-cyan);
    transform: translateY(-2px);
}
.saas-card:hover::before {
    opacity: 1;
}

.saas-card-flat {
    background: rgba(15, 23, 42, 0.5);
    border: 1px solid var(--color-border-subtle);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
}

/* ── SaaS Stat Card ── */
.saas-stat {
    background: linear-gradient(135deg, rgba(15,23,42,0.9), rgba(30,41,59,0.7));
    border: 1px solid var(--color-border-subtle);
    border-radius: var(--radius-lg);
    padding: 1.25rem 1.5rem;
    position: relative;
    overflow: hidden;
    transition: all var(--transition-base);
}
.saas-stat::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    filter: blur(40px);
    opacity: 0.15;
    pointer-events: none;
}
.saas-stat:hover {
    border-color: var(--color-border-glow);
    transform: translateY(-2px);
}
.saas-stat-cyan::after { background: var(--color-brand-cyan); }
.saas-stat-indigo::after { background: var(--color-brand-indigo); }
.saas-stat-green::after { background: var(--color-brand-green); }
.saas-stat-amber::after { background: var(--color-brand-amber); }
.saas-stat-red::after { background: var(--color-brand-red); }
.saas-stat-purple::after { background: var(--color-brand-purple); }

.saas-stat-value {
    font-size: 1.75rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1.2;
}
.saas-stat-label {
    font-size: 0.8rem;
    color: var(--color-text-secondary);
    font-weight: 500;
    margin-top: 0.25rem;
}
.saas-stat-icon {
    width: 40px;
    height: 40px;
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    flex-shrink: 0;
}
.saas-stat-trend {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.125rem 0.5rem;
    border-radius: var(--radius-full);
}
.saas-stat-trend-up {
    background: rgba(52, 211, 153, 0.1);
    color: var(--color-brand-green);
}
.saas-stat-trend-down {
    background: rgba(248, 113, 113, 0.1);
    color: var(--color-brand-red);
}

/* ── SaaS Input System ── */
.saas-input {
    width: 100%;
    padding: 0.75rem 1rem;
    background: var(--color-bg-input);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    color: var(--color-text-primary);
    font-family: var(--font-sans);
    font-size: 0.9rem;
    transition: all var(--transition-fast);
    outline: none;
}
.saas-input:focus {
    border-color: var(--color-border-focus);
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15);
}
.saas-input::placeholder {
    color: var(--color-text-muted);
}
.saas-input-error {
    border-color: var(--color-brand-red) !important;
    box-shadow: 0 0 0 3px rgba(248, 113, 113, 0.1) !important;
}

.saas-label {
    display: block;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--color-text-secondary);
    margin-bottom: 0.5rem;
    letter-spacing: 0.02em;
}

.saas-select {
    width: 100%;
    padding: 0.75rem 2.5rem 0.75rem 1rem;
    background: var(--color-bg-input);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    color: var(--color-text-primary);
    font-family: var(--font-sans);
    font-size: 0.9rem;
    transition: all var(--transition-fast);
    outline: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    cursor: pointer;
}
.saas-select:focus {
    border-color: var(--color-border-focus);
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15);
}

.saas-textarea {
    width: 100%;
    padding: 0.75rem 1rem;
    background: var(--color-bg-input);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    color: var(--color-text-primary);
    font-family: var(--font-sans);
    font-size: 0.9rem;
    transition: all var(--transition-fast);
    outline: none;
    resize: vertical;
    min-height: 100px;
}
.saas-textarea:focus {
    border-color: var(--color-border-focus);
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15);
}

/* ── SaaS Badge System ── */
.saas-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.25rem 0.75rem;
    border-radius: var(--radius-full);
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    white-space: nowrap;
    line-height: 1.4;
}
.saas-badge-green,
.saas-badge-success,
.saas-badge-active,
.saas-badge-paid,
.saas-badge-approved {
    background: rgba(52, 211, 153, 0.12);
    color: var(--color-brand-green);
    border: 1px solid rgba(52, 211, 153, 0.2);
}
.saas-badge-amber,
.saas-badge-warning,
.saas-badge-pending,
.saas-badge-waiting {
    background: rgba(251, 191, 36, 0.12);
    color: var(--color-brand-amber);
    border: 1px solid rgba(251, 191, 36, 0.2);
}
.saas-badge-red,
.saas-badge-danger,
.saas-badge-closed,
.saas-badge-cancelled,
.saas-badge-overdue,
.saas-badge-rejected {
    background: rgba(248, 113, 113, 0.12);
    color: var(--color-brand-red);
    border: 1px solid rgba(248, 113, 113, 0.2);
}
.saas-badge-blue,
.saas-badge-info,
.saas-badge-sent,
.saas-badge-open {
    background: rgba(96, 165, 250, 0.12);
    color: var(--color-brand-blue);
    border: 1px solid rgba(96, 165, 250, 0.2);
}
.saas-badge-cyan,
.saas-badge-processing {
    background: rgba(103, 232, 249, 0.12);
    color: var(--color-brand-cyan);
    border: 1px solid rgba(103, 232, 249, 0.2);
}
.saas-badge-purple,
.saas-badge-draft {
    background: rgba(192, 132, 252, 0.12);
    color: var(--color-brand-purple);
    border: 1px solid rgba(192, 132, 252, 0.2);
}
.saas-badge-indigo {
    background: rgba(129, 140, 248, 0.12);
    color: var(--color-brand-indigo);
    border: 1px solid rgba(129, 140, 248, 0.2);
}
.saas-badge-gray,
.saas-badge-passive,
.saas-badge-resolved {
    background: rgba(100, 116, 139, 0.12);
    color: var(--color-text-muted);
    border: 1px solid rgba(100, 116, 139, 0.2);
}
.saas-badge-dot::before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
    flex-shrink: 0;
}

/* ── SaaS Table ── */
.saas-table-wrap {
    background: rgba(15, 23, 42, 0.5);
    border: 1px solid var(--color-border-subtle);
    border-radius: var(--radius-lg);
    overflow: hidden;
}
.saas-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
}
.saas-table thead {
    background: rgba(30, 41, 59, 0.6);
}
.saas-table th {
    padding: 0.875rem 1rem;
    text-align: left;
    font-weight: 600;
    font-size: 0.75rem;
    color: var(--color-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    white-space: nowrap;
    border-bottom: 1px solid var(--color-border-subtle);
}
.saas-table td {
    padding: 0.875rem 1rem;
    border-bottom: 1px solid var(--color-border-subtle);
    color: var(--color-text-primary);
    vertical-align: middle;
}
.saas-table tbody tr {
    transition: background var(--transition-fast);
}
.saas-table tbody tr:hover {
    background: rgba(30, 41, 59, 0.4);
}
.saas-table tbody tr:last-child td {
    border-bottom: none;
}

/* ── SaaS Table Row (List Style) ── */
.saas-list-row {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--color-border-subtle);
    transition: background var(--transition-fast);
}
.saas-list-row:hover {
    background: var(--color-bg-hover);
}
.saas-list-row:last-child {
    border-bottom: none;
}

/* ── SaaS Modal ── */
.saas-modal-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    z-index: var(--z-modal);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    opacity: 0;
    visibility: hidden;
    transition: all var(--transition-base);
}
.saas-modal-overlay.active {
    opacity: 1;
    visibility: visible;
}
.saas-modal {
    background: linear-gradient(135deg, #1e293b, #0f172a);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    padding: 2rem;
    max-width: 500px;
    width: 100%;
    max-height: 90vh;
    overflow-y: auto;
    transform: scale(0.95) translateY(10px);
    transition: transform var(--transition-spring);
    box-shadow: var(--shadow-lg);
}
.saas-modal-overlay.active .saas-modal {
    transform: scale(1) translateY(0);
}
.saas-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}
.saas-modal-title {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--color-text-primary);
}
.saas-modal-close {
    width: 32px;
    height: 32px;
    border-radius: var(--radius-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: 1px solid var(--color-border-subtle);
    color: var(--color-text-secondary);
    cursor: pointer;
    transition: all var(--transition-fast);
    font-size: 1rem;
}
.saas-modal-close:hover {
    background: rgba(248, 113, 113, 0.1);
    border-color: rgba(248, 113, 113, 0.3);
    color: var(--color-brand-red);
}

/* ── SaaS Alert / Toast ── */
.saas-alert {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    border-radius: var(--radius-md);
    font-size: 0.875rem;
    line-height: 1.5;
    margin-bottom: 1rem;
    border: 1px solid;
}
.saas-alert-icon {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    margin-top: 1px;
}
.saas-alert-success {
    background: rgba(52, 211, 153, 0.08);
    border-color: rgba(52, 211, 153, 0.2);
    color: var(--color-brand-green);
}
.saas-alert-error {
    background: rgba(248, 113, 113, 0.08);
    border-color: rgba(248, 113, 113, 0.2);
    color: var(--color-brand-red);
}
.saas-alert-warning {
    background: rgba(251, 191, 36, 0.08);
    border-color: rgba(251, 191, 36, 0.2);
    color: var(--color-brand-amber);
}
.saas-alert-info {
    background: rgba(96, 165, 250, 0.08);
    border-color: rgba(96, 165, 250, 0.2);
    color: var(--color-brand-blue);
}

/* ── SaaS Empty State ── */
.saas-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 2rem;
    text-align: center;
}
.saas-empty-icon {
    width: 64px;
    height: 64px;
    border-radius: var(--radius-lg);
    background: rgba(99, 102, 241, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    margin-bottom: 1.25rem;
    color: var(--color-brand-indigo);
}
.saas-empty-title {
    font-size: 1rem;
    font-weight: 700;
    color: var(--color-text-primary);
    margin-bottom: 0.5rem;
}
.saas-empty-desc {
    font-size: 0.85rem;
    color: var(--color-text-muted);
    max-width: 320px;
    line-height: 1.5;
    margin-bottom: 1.25rem;
}
.saas-empty-action {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    border-radius: var(--radius-md);
    font-weight: 600;
    font-size: 0.85rem;
    color: white;
    background: linear-gradient(135deg, #0891b2, #6366f1);
    text-decoration: none;
    transition: all var(--transition-base);
    cursor: pointer;
    border: none;
}
.saas-empty-action:hover {
    box-shadow: var(--shadow-glow-cyan);
    transform: translateY(-1px);
}

/* ── SaaS Progress Bar ── */
.saas-progress {
    width: 100%;
    height: 6px;
    background: rgba(30, 41, 59, 0.8);
    border-radius: var(--radius-full);
    overflow: hidden;
    position: relative;
}
.saas-progress-bar {
    height: 100%;
    border-radius: var(--radius-full);
    background: linear-gradient(90deg, var(--color-brand-cyan-deep), var(--color-brand-indigo));
    transition: width 1s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
}
.saas-progress-bar::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
    animation: progress-shimmer 2s ease-in-out infinite;
}
@keyframes progress-shimmer {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(100%); }
}
.saas-progress-green .saas-progress-bar {
    background: linear-gradient(90deg, #059669, #34d399);
}
.saas-progress-amber .saas-progress-bar {
    background: linear-gradient(90deg, #d97706, #fbbf24);
}
.saas-progress-red .saas-progress-bar {
    background: linear-gradient(90deg, #dc2626, #f87171);
}

/* ── SaaS Button Variants ── */
.saas-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    border-radius: var(--radius-md);
    font-weight: 600;
    font-size: 0.85rem;
    cursor: pointer;
    transition: all var(--transition-fast);
    text-decoration: none;
    border: none;
    white-space: nowrap;
    font-family: var(--font-sans);
    line-height: 1.4;
}
.saas-btn-sm {
    padding: 0.4rem 0.875rem;
    font-size: 0.78rem;
    border-radius: var(--radius-sm);
}
.saas-btn-xs {
    padding: 0.25rem 0.625rem;
    font-size: 0.72rem;
    border-radius: var(--radius-xs);
}
.saas-btn-primary {
    color: white;
    background: linear-gradient(135deg, #0891b2, #6366f1);
}
.saas-btn-primary:hover {
    box-shadow: var(--shadow-glow-cyan);
    transform: translateY(-1px);
}
.saas-btn-success {
    color: white;
    background: linear-gradient(135deg, #059669, #34d399);
}
.saas-btn-success:hover {
    box-shadow: var(--shadow-glow-green);
}
.saas-btn-danger {
    color: white;
    background: linear-gradient(135deg, #dc2626, #f87171);
}
.saas-btn-danger:hover {
    box-shadow: var(--shadow-glow-red);
}
.saas-btn-warning {
    color: #0f172a;
    background: linear-gradient(135deg, #d97706, #fbbf24);
}
.saas-btn-warning:hover {
    box-shadow: var(--shadow-glow-amber);
}
.saas-btn-ghost {
    color: var(--color-text-secondary);
    background: transparent;
    border: 1px solid var(--color-border-subtle);
}
.saas-btn-ghost:hover {
    background: var(--color-bg-hover);
    border-color: var(--color-border);
    color: var(--color-text-primary);
}
.saas-btn-icon {
    width: 36px;
    height: 36px;
    padding: 0;
    border-radius: var(--radius-sm);
    background: transparent;
    border: 1px solid var(--color-border-subtle);
    color: var(--color-text-secondary);
    cursor: pointer;
    transition: all var(--transition-fast);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
}
.saas-btn-icon:hover {
    background: var(--color-bg-hover);
    color: var(--color-text-primary);
}

/* ── SaaS Divider ── */
.saas-divider {
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--color-border), transparent);
    margin: 1.5rem 0;
    border: none;
}

/* ── SaaS Tooltip (CSS only) ── */
[data-tooltip] {
    position: relative;
}
[data-tooltip]::after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: calc(100% + 8px);
    left: 50%;
    transform: translateX(-50%) scale(0.9);
    padding: 0.375rem 0.625rem;
    background: #1e293b;
    color: var(--color-text-primary);
    font-size: 0.72rem;
    font-weight: 500;
    border-radius: var(--radius-xs);
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: all var(--transition-fast);
    pointer-events: none;
    z-index: var(--z-tooltip);
    border: 1px solid var(--color-border);
}
[data-tooltip]:hover::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) scale(1);
}

/* ── SaaS Avatar ── */
.saas-avatar {
    width: 40px;
    height: 40px;
    border-radius: var(--radius-full);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.875rem;
    flex-shrink: 0;
    text-transform: uppercase;
    background: linear-gradient(135deg, #0891b2, #6366f1);
    color: white;
}
.saas-avatar-sm {
    width: 32px;
    height: 32px;
    font-size: 0.75rem;
}
.saas-avatar-lg {
    width: 56px;
    height: 56px;
    font-size: 1.1rem;
}

/* ── SaaS Tab System ── */
.saas-tabs {
    display: flex;
    gap: 0.25rem;
    background: rgba(15, 23, 42, 0.5);
    border: 1px solid var(--color-border-subtle);
    border-radius: var(--radius-md);
    padding: 0.25rem;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.saas-tabs::-webkit-scrollbar { height: 0; }
.saas-tab {
    padding: 0.625rem 1rem;
    border-radius: var(--radius-sm);
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--color-text-secondary);
    cursor: pointer;
    transition: all var(--transition-fast);
    white-space: nowrap;
    background: transparent;
    border: none;
    font-family: var(--font-sans);
}
.saas-tab:hover {
    color: var(--color-text-primary);
    background: rgba(255,255,255,0.05);
}
.saas-tab.active {
    background: rgba(99, 102, 241, 0.15);
    color: var(--color-brand-indigo);
}

/* ── SaaS Notification Dot ── */
.saas-notif-dot {
    position: relative;
}
.saas-notif-dot::after {
    content: '';
    position: absolute;
    top: -2px;
    right: -2px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--color-brand-red);
    border: 2px solid var(--color-bg-primary);
    animation: pulse-dot 2s ease-in-out infinite;
}
@keyframes pulse-dot {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.3); opacity: 0.7; }
}

/* ── SaaS Skeleton Loading ── */
.saas-skeleton {
    background: linear-gradient(90deg, rgba(30,41,59,0.5) 25%, rgba(51,65,85,0.5) 50%, rgba(30,41,59,0.5) 75%);
    background-size: 200% 100%;
    animation: skeleton-shimmer 1.5s ease-in-out infinite;
    border-radius: var(--radius-sm);
}
@keyframes skeleton-shimmer {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* ── Lottie Container ── */
.lottie-container {
    width: 100%;
    height: 100%;
    min-height: 300px;
}

/* ── Noscript Fallback ── */
.noscript-content {
    opacity: 1 !important;
    transform: none !important;
}

/* ── Focus Styles (Accessibility) ── */
:focus-visible {
    outline: 2px solid var(--color-brand-cyan);
    outline-offset: 2px;
}

/* ── Skip to Content ── */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border-width: 0;
}

/* ═══════════════════════════════════════════
   Animation Utilities
   ═══════════════════════════════════════════ */

/* ── GSAP Animation Ready States ── */
.anim-ready {
    opacity: 0;
}
.anim-slide-up {
    opacity: 0;
    transform: translateY(30px);
}
.anim-slide-down {
    opacity: 0;
    transform: translateY(-30px);
}
.anim-slide-left {
    opacity: 0;
    transform: translateX(-30px);
}
.anim-slide-right {
    opacity: 0;
    transform: translateX(30px);
}
.anim-scale-in {
    opacity: 0;
    transform: scale(0.9);
}
.anim-fade {
    opacity: 0;
}

/* ── CSS-only Animations (Fallback) ── */
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes scaleIn {
    from { opacity: 0; transform: scale(0.95); }
    to { opacity: 1; transform: scale(1); }
}
@keyframes slideInLeft {
    from { opacity: 0; transform: translateX(-20px); }
    to { opacity: 1; transform: translateX(0); }
}
.css-fade-in-up {
    animation: fadeInUp 0.6s ease forwards;
}
.css-fade-in {
    animation: fadeIn 0.5s ease forwards;
}
.css-scale-in {
    animation: scaleIn 0.4s ease forwards;
}

/* ── Animated Gradient Background ── */
@keyframes gradient-shift {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

.animate-gradient {
    background-size: 200% 200%;
    animation: gradient-shift 8s ease infinite;
}

/* ── Pulse Glow ── */
@keyframes pulse-glow {
    0%, 100% { box-shadow: 0 0 20px rgba(6, 182, 212, 0.15); }
    50% { box-shadow: 0 0 40px rgba(6, 182, 212, 0.3); }
}

.animate-pulse-glow {
    animation: pulse-glow 3s ease-in-out infinite;
}

/* ── Spin ── */
@keyframes spin {
    to { transform: rotate(360deg); }
}
.animate-spin {
    animation: spin 1s linear infinite;
}

/* ── Float ── */
@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}
.animate-float {
    animation: float 6s ease-in-out infinite;
}

/* ═══════════════════════════════════════════
   Responsive Design
   ═══════════════════════════════════════════ */

@media (max-width: 768px) {
    .site-logo { height: 80px; }
    .site-logo-sm { height: 56px; }

    /* Prevent horizontal scroll */
    body { overflow-x: hidden; }
    section { overflow-x: hidden; }

    /* Better touch targets */
    a, button { min-height: 44px; min-width: 44px; }

    /* Card overflow fix */
    .glass-card { overflow: hidden; }

    /* Table responsive */
    .saas-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .saas-table { min-width: 600px; }

    /* Stack lists */
    .saas-list-row { flex-wrap: wrap; }

    /* Smaller padding */
    .saas-card { padding: 1.125rem; }
    .saas-modal { padding: 1.5rem; margin: 0.5rem; }

    /* Tabs scroll */
    .saas-tabs { overflow-x: auto; }
}

@media (max-width: 480px) {
    .site-logo { height: 64px; }
    .site-logo-sm { height: 48px; }

    .saas-stat-value { font-size: 1.4rem; }
    .saas-card { padding: 1rem; }
    .saas-btn { padding: 0.5rem 1rem; font-size: 0.8rem; }
}

/* ── Footer Styles ── */
.footer-section h3 {
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: white;
    margin-bottom: 1.25rem;
}

.footer-link {
    display: block;
    color: var(--color-text-secondary);
    font-size: 0.875rem;
    padding: 0.35rem 0;
    text-decoration: none;
    transition: color var(--transition-fast);
}
.footer-link:hover {
    color: var(--color-brand-green);
}

.footer-social {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: var(--radius-md);
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: var(--color-text-secondary);
    transition: all var(--transition-fast);
    text-decoration: none;
}
.footer-social:hover {
    background: rgba(16, 185, 129, 0.1);
    border-color: rgba(16, 185, 129, 0.3);
    color: var(--color-brand-green);
}

/* ── Active Nav Link ── */
.nav-link-active {
    color: #10b981 !important;
    position: relative;
}
.nav-link-active::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 50%;
    transform: translateX(-50%);
    width: 20px;
    height: 2px;
    background: linear-gradient(90deg, #10b981, #059669);
    border-radius: 1px;
}

/* ── Print Styles ── */
@media print {
    nav, footer, #mobile-drawer, .no-print { display: none !important; }
    body { background: white; color: black; }
    main { padding-top: 0 !important; }
    .saas-card { border: 1px solid #ccc; box-shadow: none; background: white; }
    .saas-badge { border: 1px solid currentColor; }
}

/* ═══════════════════════════════════════════
   ArgeTeam Cinematic System v3.0
   Shared visual language for public, auth and panel surfaces
   ═══════════════════════════════════════════ */
:root {
    --cinema-void: #05070a;
    --cinema-ink: #080b10;
    --cinema-surface: rgba(13, 17, 23, .78);
    --cinema-surface-strong: rgba(15, 20, 27, .94);
    --cinema-gold: #d3a84f;
    --cinema-gold-soft: #f0d58a;
    --cinema-cyan: #76d8e8;
    --cinema-border: rgba(211, 168, 79, .18);
    --cinema-border-cool: rgba(118, 216, 232, .14);
    --cinema-shadow: 0 30px 90px rgba(0, 0, 0, .5);
    --font-sans: 'Manrope', system-ui, -apple-system, sans-serif;
    --font-display: 'Space Grotesk', 'Manrope', sans-serif;
}

html {
    background: var(--cinema-void);
    scroll-behavior: smooth;
}

body.cinematic-theme {
    min-height: 100vh;
    color: #eef0f3;
    font-family: var(--font-sans);
    background-color: var(--cinema-void);
    background-image:
        radial-gradient(ellipse 80% 55% at 12% 0%, rgba(31, 91, 101, .16), transparent 62%),
        radial-gradient(ellipse 55% 45% at 92% 18%, rgba(120, 79, 28, .12), transparent 64%),
        linear-gradient(180deg, #080b10 0%, #05070a 55%, #07090d 100%);
    background-attachment: fixed;
}

body.cinematic-theme::before {
    content: '';
    position: fixed;
    inset: 0;
    z-index: 999;
    pointer-events: none;
    opacity: .035;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");
    mix-blend-mode: soft-light;
}

body.cinematic-theme::after {
    content: '';
    position: fixed;
    inset: 0;
    z-index: 998;
    pointer-events: none;
    box-shadow: inset 0 0 140px rgba(0, 0, 0, .42);
}

body.cinematic-theme.admin-area::before { opacity: .02; }
body.cinematic-theme.admin-area::after { box-shadow: inset 0 0 72px rgba(0, 0, 0, .2); }
body.cinematic-theme.ai-interface-area::before { opacity:.018; }
body.cinematic-theme.ai-interface-area::after { box-shadow:inset 0 0 86px rgba(0,0,0,.22); }

.cinematic-theme h1,
.cinematic-theme h2,
.cinematic-theme h3,
.cinematic-theme .adm-page-title,
.cinematic-theme .adm-card-title,
.cinematic-theme .saas-card-title {
    font-family: var(--font-display);
    text-wrap: balance;
}

.cinematic-theme #navbar {
    background: linear-gradient(180deg, rgba(5, 7, 10, .96), rgba(8, 11, 16, .82));
    border-color: var(--cinema-border) !important;
    box-shadow: 0 16px 50px rgba(0, 0, 0, .28), inset 0 -1px rgba(255, 255, 255, .025);
    backdrop-filter: blur(24px) saturate(120%);
}

.cinematic-theme #navbar::after {
    content: '';
    position: absolute;
    left: 8%;
    right: 8%;
    bottom: -1px;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(211, 168, 79, .52), rgba(118, 216, 232, .4), transparent);
    opacity: .7;
}

.cinematic-theme .nav-link {
    position: relative;
    letter-spacing: .045em;
    text-transform: uppercase;
    font-size: .72rem;
}

.cinematic-theme .nav-link:hover,
.cinematic-theme .nav-link-active {
    color: var(--cinema-gold-soft) !important;
}

.cinematic-theme .nav-link-active::after {
    width: 28px;
    background: linear-gradient(90deg, transparent, var(--cinema-gold), transparent);
    box-shadow: 0 0 16px rgba(211, 168, 79, .6);
}

.cinematic-theme #mobile-panel {
    background:
        radial-gradient(circle at 100% 0%, rgba(118, 216, 232, .1), transparent 38%),
        linear-gradient(180deg, rgba(8, 11, 16, .99), rgba(5, 7, 10, .99));
    border-left-color: var(--cinema-border);
    box-shadow: -30px 0 80px rgba(0, 0, 0, .55);
}

.cinematic-theme .mob-link:hover,
.cinematic-theme .mob-link:active,
.cinematic-theme .mob-sub-link:hover {
    background: linear-gradient(90deg, rgba(211, 168, 79, .09), rgba(118, 216, 232, .035));
    color: #fff;
}

.cinematic-theme #main-content {
    position: relative;
    isolation: isolate;
    background: transparent;
}

.cinematic-theme #main-content > section {
    position: relative;
    isolation: isolate;
}

.cinematic-theme #main-content > section:not(:first-child)::before {
    content: '';
    position: absolute;
    z-index: 5;
    pointer-events: none;
    top: 0;
    left: 8%;
    right: 8%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(211, 168, 79, .2), rgba(118, 216, 232, .16), transparent);
}

.cinematic-theme section img {
    filter: saturate(.84) contrast(1.08);
}

.cinematic-theme .glass,
.cinematic-theme .glass-card,
.cinematic-theme .saas-card,
.cinematic-theme .db-card,
.cinematic-theme .auth-card {
    border-color: var(--cinema-border-cool);
    box-shadow: var(--cinema-shadow), inset 0 1px rgba(255, 255, 255, .035);
}

.cinematic-theme .glass-card:hover,
.cinematic-theme .saas-card:hover,
.cinematic-theme .svc-card:hover {
    border-color: rgba(211, 168, 79, .34) !important;
    box-shadow: 0 34px 90px rgba(0, 0, 0, .5), 0 0 40px rgba(211, 168, 79, .055);
}

.cinematic-theme input:not([type='hidden']):not([type='checkbox']):not([type='radio']):not([type='range']):not([type='file']),
.cinematic-theme textarea,
.cinematic-theme select {
    color: #f4f1ea !important;
    background: linear-gradient(180deg, rgba(8, 11, 16, .86), rgba(14, 18, 24, .76)) !important;
    border-color: rgba(211, 168, 79, .18) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .025), 0 12px 30px rgba(0, 0, 0, .12);
    caret-color: var(--cinema-gold-soft);
}

.cinematic-theme input::placeholder,
.cinematic-theme textarea::placeholder {
    color: rgba(190, 194, 201, .34) !important;
}

.cinematic-theme input:focus,
.cinematic-theme textarea:focus,
.cinematic-theme select:focus {
    outline: none;
    border-color: rgba(211, 168, 79, .62) !important;
    box-shadow: 0 0 0 3px rgba(211, 168, 79, .08), 0 0 32px rgba(118, 216, 232, .075) !important;
}

.cinematic-theme select option {
    color: #eef0f3;
    background: #0c1016 !important;
}

.cinematic-theme label,
.cinematic-theme .adm-label {
    letter-spacing: .075em;
}

.cinematic-theme button,
.cinematic-theme .btn-primary,
.cinematic-theme .saas-btn,
.cinematic-theme .adm-btn {
    letter-spacing: .025em;
}

.cinematic-theme .btn-primary,
.cinematic-theme .adm-btn-primary,
.cinematic-theme .auth-btn,
.cinematic-theme #btn-primary {
    background: linear-gradient(115deg, #81611f 0%, #d3a84f 43%, #6a4b18 100%) !important;
    color: #090a0c !important;
    border: 1px solid rgba(240, 213, 138, .45) !important;
    box-shadow: 0 16px 42px rgba(103, 76, 26, .24), inset 0 1px rgba(255, 255, 255, .34) !important;
}

.cinematic-theme .btn-primary:hover,
.cinematic-theme .adm-btn-primary:hover,
.cinematic-theme .auth-btn:hover,
.cinematic-theme #btn-primary:hover {
    filter: brightness(1.1);
    box-shadow: 0 20px 55px rgba(123, 89, 27, .34), 0 0 26px rgba(211, 168, 79, .16) !important;
}

.cinematic-theme .arge-captcha-inner {
    background: linear-gradient(135deg, rgba(11, 15, 20, .9), rgba(17, 20, 23, .78));
    border-color: var(--cinema-border);
    box-shadow: inset 0 1px rgba(255, 255, 255, .025), 0 20px 50px rgba(0, 0, 0, .18);
}

.cinematic-theme .arge-captcha-brand,
.cinematic-theme .arge-captcha-brand svg {
    color: var(--cinema-gold-soft);
}

.cinematic-theme footer {
    position: relative;
    background:
        radial-gradient(ellipse 60% 100% at 10% 100%, rgba(34, 88, 97, .09), transparent 60%),
        linear-gradient(180deg, rgba(8, 11, 16, .96), #05070a) !important;
    border-color: var(--cinema-border) !important;
}

.cinematic-theme footer::before {
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(211, 168, 79, .55), rgba(118, 216, 232, .38), transparent);
}

.cinematic-theme .footer-section h3 {
    color: var(--cinema-gold-soft);
    font-family: var(--font-display);
    letter-spacing: .16em;
}

.cinematic-theme .footer-link:hover,
.cinematic-theme .footer-social:hover {
    color: var(--cinema-gold-soft);
    border-color: rgba(211, 168, 79, .35);
    background: rgba(211, 168, 79, .08);
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    .cinematic-theme *,
    .cinematic-theme *::before,
    .cinematic-theme *::after {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}

@media (max-width: 768px) {
    body.cinematic-theme::after { box-shadow: inset 0 0 70px rgba(0, 0, 0, .3); }
    .cinematic-theme #main-content > section:not(:first-child)::before { left: 5%; right: 5%; }
    .cinematic-theme .nav-link { text-transform: none; }
}

/* ═══════════════════════════════════════════
   ArgeTeam AI — Cinematic Neural Scene
   Login, register and user dashboard
   ═══════════════════════════════════════════ */
.ai-cinema-scene {
    position: fixed;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    pointer-events: none;
    background:
        radial-gradient(ellipse 44% 54% at var(--ai-core-x, 26%) var(--ai-core-y, 48%), rgba(42,156,174,.15), transparent 70%),
        radial-gradient(ellipse 40% 46% at 84% 82%, rgba(151,105,30,.09), transparent 72%),
        linear-gradient(145deg,#04070a 0%,#071017 44%,#05070b 100%);
}
.ai-cinema-scene--dashboard { --ai-core-x:80%;--ai-core-y:24%;opacity:.88; }
.ai-cinema-canvas { position:absolute;inset:0;width:100%;height:100%;opacity:.72; }
.ai-cinema-vignette {
    position:absolute;inset:0;
    background:radial-gradient(ellipse at center,transparent 20%,rgba(2,4,7,.16) 62%,rgba(2,4,7,.78) 100%);
}
.ai-cinema-grid {
    position:absolute;inset:-30% -12%;opacity:.34;
    background-image:
        linear-gradient(rgba(118,216,232,.055) 1px,transparent 1px),
        linear-gradient(90deg,rgba(118,216,232,.055) 1px,transparent 1px);
    background-size:72px 72px;
    transform:perspective(900px) rotateX(62deg) translateY(40%);
    transform-origin:center bottom;
    -webkit-mask-image:linear-gradient(to bottom,transparent 5%,#000 38%,#000 80%,transparent);
    mask-image:linear-gradient(to bottom,transparent 5%,#000 38%,#000 80%,transparent);
    animation:aiGridDrift 18s linear infinite;
}
.ai-cinema-scan {
    position:absolute;left:0;right:0;height:24vh;top:-28vh;opacity:.48;
    background:linear-gradient(to bottom,transparent,rgba(118,216,232,.025) 70%,rgba(118,216,232,.22) 99%,transparent);
    animation:aiScan 8s linear infinite;
}
.ai-cinema-beam { position:absolute;height:1px;width:56vw;opacity:.22;transform-origin:left center; }
.ai-cinema-beam--one { left:-8%;top:28%;transform:rotate(17deg);background:linear-gradient(90deg,transparent,#76d8e8,transparent);animation:aiBeam 7s ease-in-out infinite; }
.ai-cinema-beam--two { right:-12%;bottom:20%;transform:rotate(-13deg);background:linear-gradient(90deg,transparent,#d3a84f,transparent);animation:aiBeam 9s ease-in-out -2s infinite; }

.ai-cinema-core {
    position:absolute;
    left:var(--ai-core-x,26%);top:var(--ai-core-y,48%);
    width:clamp(270px,28vw,470px);aspect-ratio:1;
    transform:translate(-50%,-50%);
    filter:drop-shadow(0 0 34px rgba(80,211,230,.14));
}
.ai-core-aura {
    position:absolute;inset:12%;border-radius:50%;
    background:radial-gradient(circle,rgba(118,216,232,.16),rgba(65,143,157,.05) 42%,transparent 70%);
    animation:aiAura 4s ease-in-out infinite;
}
.ai-core-ring { position:absolute;border-radius:50%;border:1px solid rgba(118,216,232,.23); }
.ai-core-ring::before,.ai-core-ring::after { content:'';position:absolute;border-radius:50%;background:#f0d58a;box-shadow:0 0 12px rgba(240,213,138,.8); }
.ai-core-ring--outer { inset:2%;border-style:dashed;animation:aiSpin 24s linear infinite; }
.ai-core-ring--outer::before { width:5px;height:5px;left:17%;top:8%; }
.ai-core-ring--middle { inset:15%;border-color:rgba(211,168,79,.28);animation:aiSpinReverse 17s linear infinite; }
.ai-core-ring--middle::after { width:4px;height:4px;right:10%;bottom:26%;background:#76d8e8; }
.ai-core-ring--inner { inset:29%;border-color:rgba(118,216,232,.42);box-shadow:inset 0 0 34px rgba(118,216,232,.07),0 0 28px rgba(118,216,232,.07);animation:aiCorePulse 3.2s ease-in-out infinite; }
.ai-core-orbit { position:absolute;inset:8%;border-radius:50%;border:1px solid transparent;border-top-color:rgba(118,216,232,.3);transform:rotate(28deg);animation:aiSpin 12s linear infinite; }
.ai-core-orbit--two { inset:22%;border-top-color:rgba(211,168,79,.42);transform:rotate(-42deg);animation:aiSpinReverse 9s linear infinite; }
.ai-core-orbit span { position:absolute;width:6px;height:6px;border-radius:50%;background:#76d8e8;top:9%;right:20%;box-shadow:0 0 16px #76d8e8; }
.ai-core-orbit--two span { width:5px;height:5px;background:#f0d58a;box-shadow:0 0 15px #d3a84f; }
.ai-core-symbol {
    position:absolute;inset:34%;display:flex;align-items:center;justify-content:center;
    color:#9eeaf2;filter:drop-shadow(0 0 10px rgba(118,216,232,.5));
}
.ai-core-symbol svg { position:absolute;width:100%;height:100%;animation:aiSymbolBreathe 3.2s ease-in-out infinite; }
.ai-core-symbol span { position:relative;font-family:var(--font-display);font-size:clamp(1.2rem,2.2vw,2rem);font-weight:700;letter-spacing:.12em;color:#f4fbfc;text-shadow:0 0 22px rgba(118,216,232,.72); }
.ai-core-caption {
    position:absolute;left:50%;bottom:1%;transform:translateX(-50%);white-space:nowrap;
    font:700 .62rem/1 var(--font-sans);letter-spacing:.22em;color:rgba(208,237,241,.74);
    padding:.55rem .8rem;border:1px solid rgba(118,216,232,.18);border-radius:99px;background:rgba(4,10,14,.62);backdrop-filter:blur(10px);
}
.ai-core-caption i { display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:7px;background:#63e6be;box-shadow:0 0 10px #63e6be;animation:aiStatus 1.8s ease-in-out infinite; }
.ai-cinema-hud {
    position:absolute;left:5vw;display:flex;align-items:center;gap:10px;
    color:rgba(174,199,205,.46);font:700 .58rem/1 var(--font-sans);letter-spacing:.18em;
}
.ai-cinema-hud::before { content:'';width:36px;height:1px;background:linear-gradient(90deg,transparent,rgba(118,216,232,.6)); }
.ai-cinema-hud b { color:rgba(118,216,232,.72);font-weight:800; }
.ai-cinema-hud--top { top:18%; }
.ai-cinema-hud--bottom { bottom:14%;left:auto;right:6vw; }
.ai-cinema-coordinates { position:absolute;right:2.5vw;top:50%;writing-mode:vertical-rl;font:600 .55rem/1 var(--font-sans);letter-spacing:.26em;color:rgba(211,168,79,.35); }

@keyframes aiGridDrift { to { background-position:0 72px,72px 0; } }
@keyframes aiScan { 0%{transform:translateY(0)} 100%{transform:translateY(135vh)} }
@keyframes aiBeam { 0%,100%{opacity:.08;filter:blur(1px)} 50%{opacity:.34;filter:blur(0)} }
@keyframes aiSpin { to{transform:rotate(360deg)} }
@keyframes aiSpinReverse { to{transform:rotate(-360deg)} }
@keyframes aiAura { 0%,100%{transform:scale(.92);opacity:.55} 50%{transform:scale(1.08);opacity:1} }
@keyframes aiCorePulse { 0%,100%{transform:scale(.96);opacity:.7} 50%{transform:scale(1.04);opacity:1} }
@keyframes aiSymbolBreathe { 0%,100%{transform:scale(.94);opacity:.75} 50%{transform:scale(1.04);opacity:1} }
@keyframes aiStatus { 0%,100%{opacity:.5} 50%{opacity:1} }

/* Auth cinematic composition */
.auth-stage { position:relative;z-index:1;min-height:calc(100vh - 112px);padding:3.5rem 1.5rem 4.5rem;display:flex;align-items:center; }
.auth-stage-inner { width:100%;max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,460px);gap:clamp(3rem,8vw,8rem);align-items:center; }
.auth-ai-copy { align-self:end;padding:0 0 2.5rem 1rem;max-width:510px;text-shadow:0 12px 45px rgba(0,0,0,.8); }
.auth-ai-kicker { display:flex;align-items:center;gap:.8rem;margin-bottom:1rem;color:#f0d58a;font-size:.65rem;font-weight:800;letter-spacing:.23em;text-transform:uppercase; }
.auth-ai-kicker::before { content:'';width:42px;height:1px;background:linear-gradient(90deg,#d3a84f,transparent); }
.auth-ai-copy h1 { margin:0;color:#f4f7f8;font-size:clamp(2.2rem,4vw,4.4rem);font-weight:700;line-height:.98;letter-spacing:-.055em; }
.auth-ai-copy h1 span { color:transparent;background:linear-gradient(110deg,#f0d58a,#76d8e8);-webkit-background-clip:text;background-clip:text; }
.auth-ai-copy p { max-width:440px;margin:1.2rem 0 0;color:rgba(202,211,216,.58);font-size:.9rem;line-height:1.75; }
.auth-ai-metrics { display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.4rem; }
.auth-ai-metrics span { padding:.45rem .7rem;border:1px solid rgba(118,216,232,.14);border-radius:99px;background:rgba(5,12,16,.52);color:rgba(194,222,226,.64);font-size:.6rem;font-weight:700;letter-spacing:.1em;backdrop-filter:blur(10px); }
.cinematic-theme .auth-card {
    width:100%;max-width:460px;padding:2.35rem 2.2rem;border-radius:26px;
    background:linear-gradient(145deg,rgba(15,21,28,.9),rgba(6,10,14,.86));
    border:1px solid rgba(211,168,79,.19);backdrop-filter:blur(28px) saturate(115%);
    box-shadow:0 38px 110px rgba(0,0,0,.56),inset 0 1px rgba(255,255,255,.045),0 0 55px rgba(71,182,198,.045);
    position:relative;overflow:hidden;opacity:1 !important;
}
.cinematic-theme .auth-card::before { height:1px;background:linear-gradient(90deg,transparent,rgba(211,168,79,.75),rgba(118,216,232,.6),transparent);filter:none; }
.cinematic-theme .auth-card::after { content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 46%,rgba(255,255,255,.016) 46% 46.2%,transparent 46.2%); }
.cinematic-theme .auth-card form,.cinematic-theme .auth-card>div { position:relative;z-index:1; }
.cinematic-theme .auth-label { color:rgba(218,222,226,.58);font-family:var(--font-sans); }
.cinematic-theme .auth-label { display:block;font-size:.68rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;margin-bottom:8px; }
.cinematic-theme .auth-input { display:block;width:100%;min-height:48px;padding:12px 15px;border:1px solid rgba(211,168,79,.18);border-radius:13px;font-family:var(--font-sans);font-size:.88rem;box-sizing:border-box;outline:none; }
.cinematic-theme .auth-btn { width:100%;min-height:50px;display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 22px;border-radius:13px;font-family:var(--font-sans);font-size:.88rem;font-weight:800;cursor:pointer;transition:transform .2s,filter .2s,box-shadow .2s; }
.cinematic-theme .auth-btn:hover { transform:translateY(-2px); }
.auth-error { display:flex;align-items:center;gap:10px;padding:12px 15px;margin-bottom:22px;border-radius:13px;background:rgba(239,68,68,.075);border:1px solid rgba(239,68,68,.2);color:#fda4af;font-size:.8rem;font-weight:650; }
.auth-portal-icon { display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:18px;margin-bottom:16px;color:#b7edf3;background:radial-gradient(circle at 50% 40%,rgba(118,216,232,.17),rgba(211,168,79,.06));border:1px solid rgba(118,216,232,.2);box-shadow:inset 0 0 24px rgba(118,216,232,.055),0 0 26px rgba(118,216,232,.07); }

/* User dashboard cinematic surface */
.cinematic-theme .db-wrap { background:transparent;font-family:var(--font-sans); }
.cinematic-theme .db-content { z-index:2; }
.cinematic-theme .db-hero { height:320px;border-bottom:1px solid rgba(211,168,79,.12); }
.cinematic-theme .db-hero img { opacity:.2;filter:saturate(.55) contrast(1.16);mix-blend-mode:screen; }
.cinematic-theme .db-hero-overlay { background:linear-gradient(180deg,rgba(4,7,10,.1),rgba(4,7,10,.42) 48%,rgba(4,7,10,.98)); }
.db-ai-hero-copy { position:absolute;left:max(28px,calc((100% - 1280px)/2 + 28px));top:62px;z-index:2;max-width:580px; }
.db-ai-hero-copy .auth-ai-kicker { margin-bottom:.8rem; }
.db-ai-hero-copy h1 { margin:0;font-family:var(--font-display);font-size:clamp(2rem,4vw,4rem);line-height:.98;letter-spacing:-.055em;color:#f5f7f8; }
.db-ai-hero-copy h1 span { color:transparent;background:linear-gradient(110deg,#f0d58a,#76d8e8);-webkit-background-clip:text;background-clip:text; }
.db-ai-hero-copy p { margin:.9rem 0 0;color:rgba(205,215,220,.56);font-size:.82rem;max-width:440px;line-height:1.65; }
.cinematic-theme .db-stat,.cinematic-theme .db-sidebar-card,.cinematic-theme .db-section {
    opacity:1 !important;visibility:visible !important;
    background:linear-gradient(145deg,rgba(16,22,29,.9),rgba(7,11,16,.87));
    border-color:rgba(211,168,79,.15);box-shadow:0 26px 80px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.035);
}
.cinematic-theme .db-stat:hover { border-color:rgba(211,168,79,.34);background:linear-gradient(145deg,rgba(21,28,36,.94),rgba(9,14,20,.91));box-shadow:0 26px 75px rgba(0,0,0,.45),0 0 30px rgba(118,216,232,.045); }
.cinematic-theme .db-stat-label,.cinematic-theme .db-label,.cinematic-theme .db-nav-group-label { color:rgba(198,207,212,.58); }
.cinematic-theme .db-nav-item { color:rgba(198,207,212,.66); }
.cinematic-theme .db-nav-item.active { background:linear-gradient(110deg,rgba(211,168,79,.12),rgba(118,216,232,.07));border-color:rgba(211,168,79,.19); }
.cinematic-theme .db-nav-item.active::after,.cinematic-theme .db-section-bar { background:linear-gradient(to bottom,#f0d58a,#76d8e8); }
.cinematic-theme .db-btn-primary { background:linear-gradient(115deg,#81611f,#d3a84f 45%,#6a4b18);color:#090a0c;border:1px solid rgba(240,213,138,.4);box-shadow:0 14px 36px rgba(92,66,21,.24); }

@media(max-width:900px){
    .ai-cinema-scene--auth { --ai-core-x:50%;--ai-core-y:25%; }
    .ai-cinema-scene--dashboard { --ai-core-x:77%;--ai-core-y:17%; }
    .ai-cinema-scene--auth .ai-cinema-core { opacity:.52;width:min(68vw,390px); }
    .auth-stage { padding:3rem 1rem 4rem; }
    .auth-stage-inner { display:block;max-width:480px; }
    .auth-ai-copy { display:none; }
    .cinematic-theme .auth-card { margin:0 auto;background:linear-gradient(145deg,rgba(14,20,27,.94),rgba(6,10,14,.92)); }
    .ai-cinema-hud,.ai-cinema-coordinates { display:none; }
    .db-ai-hero-copy { left:24px;right:24px;top:46px; }
}
@media(max-width:560px){
    .auth-stage { min-height:calc(100vh - 96px);padding:2rem .85rem 3rem; }
    .cinematic-theme .auth-card { padding:1.8rem 1.25rem;border-radius:22px; }
    .ai-cinema-core { width:260px; }
    .ai-core-caption { font-size:.52rem;letter-spacing:.14em; }
    .cinematic-theme .db-hero { height:280px; }
    .db-ai-hero-copy h1 { font-size:2.2rem; }
}

/* Cinematic project showcase */
.showcase-page,.project-detail-page{position:relative;background:#070a0e;color:#eef2f4;overflow:hidden}
.showcase-page{min-height:560px;display:flex;align-items:end;border-bottom:1px solid rgba(211,168,79,.14);background:
radial-gradient(circle at 74% 30%,rgba(41,151,170,.14),transparent 28%),radial-gradient(circle at 25% 10%,rgba(211,168,79,.1),transparent 24%),#070a0e}
.showcase-page:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(118,216,232,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(118,216,232,.035) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 95%)}
.showcase-page:after{content:"";position:absolute;left:-10%;right:-10%;bottom:80px;height:1px;background:linear-gradient(90deg,transparent,#d3a84f,#76d8e8,transparent);box-shadow:0 0 38px rgba(118,216,232,.28);animation:showcaseSweep 7s ease-in-out infinite}
.showcase-aurora{position:absolute;width:700px;height:700px;right:5%;top:-28%;border-radius:50%;border:1px solid rgba(118,216,232,.1);box-shadow:inset 0 0 120px rgba(118,216,232,.045);animation:showcaseOrbit 22s linear infinite}
.showcase-aurora:before,.showcase-aurora:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(211,168,79,.08)}
.showcase-aurora:before{inset:14%}.showcase-aurora:after{inset:31%}
.showcase-hero-inner{position:relative;z-index:2;width:min(1180px,calc(100% - 3rem));margin:0 auto;padding:9rem 0 6rem}
.showcase-eyebrow{display:flex;align-items:center;gap:.7rem;color:#d9c078;font-size:.63rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase}
.showcase-eyebrow span{width:38px;height:1px;background:linear-gradient(90deg,#d3a84f,transparent)}
.showcase-hero-inner h1{margin:1.5rem 0 1.3rem;font-size:clamp(3.2rem,8vw,7.2rem);line-height:.88;letter-spacing:-.065em;font-weight:750}
.showcase-hero-inner h1 em{font-style:normal;color:transparent;background:linear-gradient(105deg,#f0d58a,#76d8e8);-webkit-background-clip:text;background-clip:text}
.showcase-hero-inner>p{max-width:650px;color:rgba(203,214,219,.58);font-size:1rem;line-height:1.8}
.showcase-signal{margin-top:2rem;color:rgba(187,202,208,.42);font-size:.6rem;font-weight:800;letter-spacing:.18em}.showcase-signal i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:.5rem;background:#34d399;box-shadow:0 0 14px #34d399;animation:showcasePulse 2s ease-in-out infinite}
.showcase-listing,.home-showcase-section{position:relative;background:#080c11;padding:7rem 1.5rem 9rem}.showcase-container{width:min(1180px,100%);margin:0 auto}
.showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem}
.showcase-card{position:relative;min-width:0;border:1px solid rgba(211,168,79,.14);border-radius:22px;overflow:hidden;background:linear-gradient(145deg,rgba(17,23,30,.96),rgba(8,12,17,.94));box-shadow:0 30px 80px rgba(0,0,0,.32);transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s}
.showcase-card:hover{transform:translateY(-9px);border-color:rgba(118,216,232,.35);box-shadow:0 38px 95px rgba(0,0,0,.5),0 0 40px rgba(118,216,232,.055)}
.showcase-card-media{display:block;position:relative;height:245px;overflow:hidden;background:#0d1319}
.showcase-card-media:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#0c1117 0%,transparent 55%),linear-gradient(120deg,rgba(211,168,79,.08),transparent 42%)}
.showcase-card-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.12);transition:transform 1.1s cubic-bezier(.2,.8,.2,1),filter .5s}.showcase-card:hover img{transform:scale(1.065);filter:saturate(.98) contrast(1.08)}
.showcase-card-scan{position:absolute;z-index:2;left:0;right:0;height:1px;top:-2px;background:linear-gradient(90deg,transparent,#76d8e8,transparent);box-shadow:0 0 18px #76d8e8;opacity:0}.showcase-card:hover .showcase-card-scan{opacity:.6;animation:cardScan 2.6s linear infinite}
.showcase-visibility{position:absolute;z-index:3;right:14px;top:14px;padding:.4rem .65rem;border:1px solid rgba(240,213,138,.25);border-radius:99px;background:rgba(5,8,12,.72);backdrop-filter:blur(12px);color:#f0d58a;font-size:.56rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.showcase-card-body{padding:1.6rem 1.65rem 1.75rem}.showcase-card-index{color:rgba(118,216,232,.42);font:700 .57rem/1.3 monospace;letter-spacing:.16em}.showcase-card h3{margin:.65rem 0 .65rem;color:#f4f6f7;font-size:1.28rem;line-height:1.2;letter-spacing:-.025em}.showcase-card p{min-height:72px;margin:0;color:rgba(190,201,207,.52);font-size:.8rem;line-height:1.65}
.showcase-detail-btn{display:flex;align-items:center;justify-content:space-between;margin-top:1.35rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.07);color:#d9c078;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-decoration:none}.showcase-detail-btn span:last-child{font-size:1rem;transition:transform .25s}.showcase-detail-btn:hover span:last-child{transform:translate(3px,-3px)}
.showcase-empty{text-align:center;padding:5rem 2rem;border:1px dashed rgba(211,168,79,.18);border-radius:22px;color:rgba(190,201,207,.45)}
.home-showcase-section{padding-top:8rem;border-top:1px solid rgba(211,168,79,.09)}.home-showcase-header{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:3rem}.home-showcase-header h2{margin:.85rem 0 .6rem;color:#f5f6f7;font-size:clamp(2.5rem,5vw,4.6rem);line-height:1;letter-spacing:-.055em}.home-showcase-header p{max-width:590px;color:rgba(190,201,207,.48);line-height:1.7}.home-showcase-header>a{flex:none;display:inline-flex;gap:.8rem;align-items:center;color:#e4ce8e;font-size:.72rem;font-weight:800;text-decoration:none;letter-spacing:.08em;border-bottom:1px solid rgba(211,168,79,.25);padding:.7rem 0}

/* Project detail and contextual application form */
.project-detail-hero{position:relative;min-height:680px;display:flex;align-items:end;overflow:hidden}.project-detail-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.62) contrast(1.12);animation:projectKenBurns 18s ease-in-out infinite alternate}.project-detail-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,7,10,.55),rgba(4,7,10,.28) 35%,#070a0e 96%),linear-gradient(90deg,rgba(4,7,10,.9),transparent 70%)}.project-detail-grid{position:absolute;inset:0;background:linear-gradient(rgba(118,216,232,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(118,216,232,.025) 1px,transparent 1px);background-size:68px 68px}
.project-detail-heading{position:relative;z-index:2;width:min(1060px,calc(100% - 3rem));margin:0 auto;padding:9rem 0 5rem}.project-back{display:inline-block;margin-bottom:3rem;color:rgba(218,225,228,.62);font-size:.72rem;font-weight:700;text-decoration:none}.project-detail-heading h1{max-width:920px;margin:1.1rem 0 1.4rem;font-size:clamp(3rem,7vw,6.7rem);line-height:.92;letter-spacing:-.06em}.project-detail-heading>p{max-width:680px;color:rgba(218,225,228,.63);font-size:1.05rem;line-height:1.75}
.project-article-shell{width:min(1060px,calc(100% - 3rem));margin:0 auto;padding:6rem 0 9rem}.project-prose{width:min(760px,100%);margin:0 auto}.project-prose>p{margin:0 0 2rem;color:rgba(215,222,225,.72);font-size:1.03rem;line-height:1.95}.project-prose>p:first-of-type:first-letter{float:left;margin:.12em .15em 0 0;color:#f0d58a;font-size:4rem;font-weight:700;line-height:.78}
.project-inline-media{margin:3.2rem -8vw}.project-inline-media img,.project-gallery-item img{display:block;width:100%;border-radius:20px;border:1px solid rgba(211,168,79,.14);filter:saturate(.82) contrast(1.06)}.project-inline-media figcaption,.project-gallery-item figcaption{padding:.7rem .2rem 0;color:rgba(188,201,207,.42);font-size:.68rem}
.project-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:5rem 0}.project-gallery-item{margin:0}.project-gallery-item:first-child:nth-last-child(odd){grid-column:1/-1}.project-gallery-item img{height:340px;object-fit:cover}
.project-collab{margin-top:7rem;padding:3.5rem;border:1px solid rgba(211,168,79,.16);border-radius:28px;background:radial-gradient(circle at 100% 0,rgba(118,216,232,.08),transparent 35%),linear-gradient(145deg,rgba(17,23,30,.92),rgba(7,11,15,.96));box-shadow:0 35px 100px rgba(0,0,0,.35)}.project-collab-copy h2{margin:.9rem 0 .7rem;font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.045em}.project-collab-copy p{color:rgba(192,203,208,.48)}.project-action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:2.3rem}.project-action{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;min-height:76px;padding:1rem 1.15rem;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(255,255,255,.025);color:#eef2f4;text-align:left;cursor:pointer;transition:.25s}.project-action:hover{transform:translateY(-3px);border-color:rgba(118,216,232,.3);background:rgba(118,216,232,.06)}.project-action b{color:#d3a84f;font:700 .6rem monospace}.project-action span{font-size:.78rem;font-weight:800}.project-action i{color:#76d8e8;font-style:normal}
.project-access-gate{width:min(680px,calc(100% - 3rem));margin:7rem auto;padding:4rem 2rem;text-align:center;border:1px solid rgba(211,168,79,.18);border-radius:28px;background:rgba(14,20,27,.8)}.project-lock{font-size:3rem;color:#f0d58a}.project-access-gate h2{margin:1rem 0 .6rem;font-size:2rem}.project-access-gate p{color:rgba(190,201,207,.55)}.project-access-gate a{display:inline-block;margin-top:1.6rem;padding:.9rem 1.5rem;border-radius:12px;background:linear-gradient(110deg,#81611f,#d3a84f);color:#080a0d;font-weight:800;text-decoration:none}
.project-modal{position:fixed;z-index:10000;inset:0;display:none;align-items:center;justify-content:center;padding:1rem}.project-modal.is-open{display:flex}.project-modal-backdrop{position:absolute;inset:0;border:0;background:rgba(2,4,7,.83);backdrop-filter:blur(14px);cursor:default}.project-modal-panel{position:relative;width:min(720px,100%);max-height:92vh;overflow:auto;padding:2.2rem;border:1px solid rgba(211,168,79,.22);border-radius:25px;background:linear-gradient(145deg,#111820,#080c11);box-shadow:0 40px 140px rgba(0,0,0,.7)}.project-modal-close{position:absolute;right:1.2rem;top:1rem;border:0;background:transparent;color:rgba(220,227,230,.55);font-size:2rem;cursor:pointer}.project-modal-panel h2{margin:1rem 0 .5rem;font-size:2rem;letter-spacing:-.035em}.project-modal-panel>p{margin:0 0 1.5rem;color:rgba(190,201,207,.52);font-size:.8rem}.project-form-error{margin-bottom:1rem;padding:.8rem 1rem;border:1px solid rgba(248,113,113,.25);border-radius:11px;background:rgba(248,113,113,.07);color:#fda4af;font-size:.78rem}.project-form-grid,.project-type-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.project-modal label{display:block;color:rgba(215,222,225,.64);font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.project-modal input,.project-modal select,.project-modal textarea{width:100%;margin-top:.45rem;padding:.8rem .9rem;border:1px solid rgba(211,168,79,.15);border-radius:11px;background:rgba(3,7,11,.66);color:#eef2f4;font:inherit;font-size:.82rem;outline:none}.project-modal input:focus,.project-modal select:focus,.project-modal textarea:focus{border-color:rgba(118,216,232,.42);box-shadow:0 0 0 3px rgba(118,216,232,.05)}.project-type-fields{display:none;margin-top:.9rem}.project-type-fields.is-visible{display:grid}.project-message-label{margin-top:.9rem}.project-form-submit{width:100%;margin-top:1.2rem;padding:1rem;border:1px solid rgba(240,213,138,.35);border-radius:12px;background:linear-gradient(110deg,#81611f,#d3a84f,#89702d);color:#07090c;font-weight:900;cursor:pointer}.project-form-submit span{margin-left:.5rem}.project-modal .arge-captcha{margin-top:1rem}
@keyframes showcaseSweep{0%,100%{transform:translateX(-10%);opacity:.2}50%{transform:translateX(10%);opacity:.7}}@keyframes showcaseOrbit{to{transform:rotate(360deg)}}@keyframes showcasePulse{50%{opacity:.35}}@keyframes cardScan{from{top:0}to{top:100%}}@keyframes projectKenBurns{from{transform:scale(1.02)}to{transform:scale(1.1)}}
@media(max-width:960px){.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-action-grid{grid-template-columns:1fr}.project-inline-media{margin:3rem 0}.project-gallery-item img{height:280px}}
@media(max-width:640px){.showcase-hero-inner{padding:7rem 0 4rem}.showcase-page{min-height:480px}.showcase-grid{grid-template-columns:1fr}.showcase-card-media{height:230px}.home-showcase-header{align-items:start;flex-direction:column}.project-detail-hero{min-height:580px}.project-detail-heading{padding-bottom:3.5rem}.project-detail-heading h1{font-size:3.2rem}.project-article-shell{padding-top:4rem}.project-gallery{grid-template-columns:1fr}.project-gallery-item:first-child:nth-last-child(odd){grid-column:auto}.project-collab{padding:2rem 1.25rem}.project-form-grid,.project-type-fields{grid-template-columns:1fr}.project-modal-panel{padding:1.6rem 1.2rem}.showcase-listing,.home-showcase-section{padding-left:1rem;padding-right:1rem}}
@media(prefers-reduced-motion:reduce){.showcase-page:after,.showcase-aurora,.showcase-card-scan,.project-detail-hero>img{animation:none!important}}

/* =============================================================
   SITE-WIDE CINEMATIC SYSTEM — shared by every route and workflow
   ============================================================= */
.site-wide-cinema {
    --cinema-accent:#76d8e8;--cinema-accent-rgb:118,216,232;
    --cinema-accent-2:#d3a84f;--cinema-accent-2-rgb:211,168,79;
    --cinema-deep:#05080c;--cinema-surface:12,17,23;
    --cinema-pointer-x:72vw;--cinema-pointer-y:28vh;
    background:var(--cinema-deep)!important;color:#eef2f4;min-height:100vh;
}
.site-wide-cinema.cinema-variant-security{--cinema-accent:#f87171;--cinema-accent-rgb:248,113,113;--cinema-accent-2:#d3a84f;--cinema-accent-2-rgb:211,168,79;--cinema-deep:#080506}
.site-wide-cinema.cinema-variant-ledger{--cinema-accent:#c4a862;--cinema-accent-rgb:196,168,98;--cinema-accent-2:#9a86e8;--cinema-accent-2-rgb:154,134,232;--cinema-deep:#08070a}
.site-wide-cinema.cinema-variant-infrastructure{--cinema-accent:#60a5fa;--cinema-accent-rgb:96,165,250;--cinema-accent-2:#76d8e8;--cinema-accent-2-rgb:118,216,232;--cinema-deep:#05090e}
.site-wide-cinema.cinema-variant-interface{--cinema-accent:#76d8e8;--cinema-accent-rgb:118,216,232;--cinema-accent-2:#a78bfa;--cinema-accent-2-rgb:167,139,250;--cinema-deep:#05080d}
.site-wide-cinema.cinema-variant-command{--cinema-accent:#d3a84f;--cinema-accent-rgb:211,168,79;--cinema-accent-2:#76d8e8;--cinema-accent-2-rgb:118,216,232;--cinema-deep:#06080b}
.site-cinema-scene{position:fixed;z-index:0;inset:0;overflow:hidden;pointer-events:none;background:
radial-gradient(circle at var(--cinema-pointer-x) var(--cinema-pointer-y),rgba(var(--cinema-accent-rgb),.055),transparent 20rem),
radial-gradient(ellipse 70% 55% at 85% 8%,rgba(var(--cinema-accent-rgb),.07),transparent 64%),
radial-gradient(ellipse 62% 50% at 5% 96%,rgba(var(--cinema-accent-2-rgb),.065),transparent 62%),
linear-gradient(145deg,#05080c 0%,var(--cinema-deep) 52%,#030507 100%)}
.site-cinema-network{position:absolute;inset:0;width:100%;height:100%;opacity:.82}
.site-cinema-grid{position:absolute;inset:-20%;background-image:linear-gradient(rgba(var(--cinema-accent-rgb),.026) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--cinema-accent-rgb),.026) 1px,transparent 1px);background-size:74px 74px;transform:perspective(700px) rotateX(62deg) translateY(32%);transform-origin:50% 100%;mask-image:linear-gradient(to top,rgba(0,0,0,.72),transparent 72%)}
.site-cinema-orbit{position:absolute;border-radius:50%;border:1px solid rgba(var(--cinema-accent-rgb),.07);box-shadow:inset 0 0 90px rgba(var(--cinema-accent-rgb),.022),0 0 70px rgba(var(--cinema-accent-rgb),.018)}
.site-cinema-orbit:before,.site-cinema-orbit:after{content:"";position:absolute;border-radius:inherit;border:1px solid rgba(var(--cinema-accent-2-rgb),.055)}
.site-cinema-orbit:before{inset:14%}.site-cinema-orbit:after{inset:34%}.site-cinema-orbit-a{width:min(72vw,920px);aspect-ratio:1;right:-18vw;top:-31vw;animation:siteOrbit 48s linear infinite}.site-cinema-orbit-b{width:min(45vw,610px);aspect-ratio:1;left:-17vw;bottom:-24vw;animation:siteOrbitReverse 39s linear infinite}
.site-cinema-beam{position:absolute;width:1px;height:145vh;top:-20vh;background:linear-gradient(to bottom,transparent,rgba(var(--cinema-accent-rgb),.24),transparent);box-shadow:0 0 24px rgba(var(--cinema-accent-rgb),.16);transform:rotate(24deg);opacity:.34}.site-cinema-beam-a{left:28%;animation:siteBeam 12s ease-in-out infinite}.site-cinema-beam-b{right:19%;transform:rotate(-19deg);animation:siteBeam 16s ease-in-out -5s infinite}
.site-cinema-haze{position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 48%,rgba(255,255,255,.011) 48% 48.08%,transparent 48.08%),radial-gradient(ellipse 28% 36% at 55% 52%,rgba(var(--cinema-accent-rgb),.025),transparent)}
.site-cinema-vignette{position:absolute;inset:0;box-shadow:inset 0 0 16vw rgba(0,0,0,.72);background:linear-gradient(180deg,rgba(2,4,6,.22),transparent 25%,transparent 72%,rgba(2,4,6,.56))}
.site-cinema-grain{position:absolute;inset:-50%;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");animation:siteGrain .24s steps(2) infinite}
.site-cinema-status,.site-cinema-coord{position:fixed;z-index:1;bottom:22px;color:rgba(195,207,213,.24);font:700 .52rem/1.45 monospace;letter-spacing:.16em}.site-cinema-status{left:24px;display:flex;align-items:center;gap:8px}.site-cinema-status i{width:5px;height:5px;border-radius:50%;background:var(--cinema-accent);box-shadow:0 0 10px var(--cinema-accent);animation:siteStatus 2.2s ease-in-out infinite}.site-cinema-coord{right:24px;text-align:right}
.site-cinema-main,body.site-wide-cinema>nav,body.site-wide-cinema>footer,body.site-wide-cinema>#mobile-drawer{position:relative;z-index:2}.site-wide-cinema>nav{position:fixed!important}.site-wide-cinema>footer{background:rgba(6,9,13,.76)!important;border-color:rgba(var(--cinema-accent-2-rgb),.12)!important;backdrop-filter:blur(28px) saturate(110%)}
.site-wide-cinema>nav{z-index:100!important;pointer-events:auto}
.site-wide-cinema>nav #web-dropdown{z-index:103}
.site-wide-cinema>#mobile-drawer{position:fixed!important;z-index:110!important}
.site-wide-cinema>#mobile-drawer[aria-hidden="true"]{pointer-events:none!important}
.site-wide-cinema>#mobile-drawer[aria-hidden="false"]{pointer-events:auto!important}
.site-wide-cinema #navbar{background:linear-gradient(180deg,rgba(5,8,12,.94),rgba(5,8,12,.78))!important;border-color:rgba(var(--cinema-accent-2-rgb),.15)!important;box-shadow:0 18px 70px rgba(0,0,0,.18);backdrop-filter:blur(28px) saturate(120%)}
.site-wide-cinema #navbar:after{content:"";position:absolute;left:8%;right:8%;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--cinema-accent-2-rgb),.46),rgba(var(--cinema-accent-rgb),.35),transparent)}

/* Existing page sections now sit inside the same cinematic world. */
.site-wide-cinema:not(.admin-area) #main-content>section{background-color:rgba(6,9,13,.71)!important;border-bottom:1px solid rgba(var(--cinema-accent-2-rgb),.07);isolation:isolate}
.site-wide-cinema:not(.admin-area) #main-content>section:nth-of-type(even){background-color:rgba(9,13,18,.64)!important}
.site-wide-cinema #main-content>section.bg-slate-900,.site-wide-cinema #main-content>section.bg-slate-950{background-color:rgba(7,11,16,.64)!important}
.site-wide-cinema #main-content h1,.site-wide-cinema #main-content h2,.site-wide-cinema #main-content h3{font-family:var(--font-display,'Space Grotesk',sans-serif)}
.site-wide-cinema #main-content h1{filter:drop-shadow(0 18px 42px rgba(0,0,0,.38))}
.site-wide-cinema .glass-card,.site-wide-cinema .saas-card,.site-wide-cinema .info-card,.site-wide-cinema .feature-card,
.site-wide-cinema .utk-card,.site-wide-cinema .inv-row,.site-wide-cinema .aff-stat-card,.site-wide-cinema .pf-card{
    background:linear-gradient(145deg,rgba(17,23,30,.84),rgba(7,11,16,.78))!important;
    border-color:rgba(var(--cinema-accent-2-rgb),.15)!important;
    box-shadow:0 24px 70px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.035);
    backdrop-filter:blur(22px) saturate(108%);position:relative;overflow:hidden;
}
.cinema-reactive-card:after{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;opacity:0;background:radial-gradient(220px circle at var(--card-x,50%) var(--card-y,50%),rgba(var(--cinema-accent-rgb),.105),transparent 72%);transition:opacity .35s}.cinema-reactive-card:hover:after{opacity:1}.cinema-reactive-card>*{position:relative;z-index:1}
.site-wide-cinema .glass-card:hover,.site-wide-cinema .saas-card:hover,.site-wide-cinema .info-card:hover,.site-wide-cinema .feature-card:hover,.site-wide-cinema .utk-card:hover,.site-wide-cinema .inv-row:hover,.site-wide-cinema .aff-stat-card:hover{border-color:rgba(var(--cinema-accent-rgb),.34)!important;box-shadow:0 32px 86px rgba(0,0,0,.4),0 0 34px rgba(var(--cinema-accent-rgb),.045)}
.site-wide-cinema input:not([type=checkbox]):not([type=radio]),.site-wide-cinema select,.site-wide-cinema textarea{background:linear-gradient(180deg,rgba(4,7,11,.78),rgba(10,14,19,.72))!important;border-color:rgba(var(--cinema-accent-2-rgb),.17)!important;box-shadow:inset 0 1px rgba(255,255,255,.018);color:#eef2f4}.site-wide-cinema input:focus,.site-wide-cinema select:focus,.site-wide-cinema textarea:focus{border-color:rgba(var(--cinema-accent-rgb),.48)!important;box-shadow:0 0 0 3px rgba(var(--cinema-accent-rgb),.065),0 0 26px rgba(var(--cinema-accent-rgb),.04)!important}
.site-wide-cinema button,.site-wide-cinema a{--cinema-action:var(--cinema-accent)}
.site-wide-cinema button[class*="gradient"],.site-wide-cinema a[class*="gradient"]{box-shadow:0 14px 42px rgba(var(--cinema-accent-rgb),.12)}
.cinema-motion-ready .cinema-auto-reveal{opacity:.001;transform:translateY(26px);transition:opacity .9s ease,transform 1s cubic-bezier(.2,.75,.2,1)}.cinema-motion-ready .cinema-auto-reveal.cinema-inview{opacity:1;transform:none}

/* Contact: full cinematic communication deck instead of a flat form page. */
.view-iletisim #main-content>section:first-child{min-height:560px;display:flex;align-items:center;background-image:radial-gradient(circle at 50% 45%,rgba(var(--cinema-accent-rgb),.09),transparent 32%),linear-gradient(rgba(var(--cinema-accent-rgb),.025) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--cinema-accent-rgb),.025) 1px,transparent 1px)!important;background-size:auto,80px 80px,80px 80px!important}
.view-iletisim #contact-hero h1{font-size:clamp(3.1rem,7vw,6.5rem)!important;line-height:.92!important;letter-spacing:-.065em!important}.view-iletisim #contact-hero>p:last-child{font-size:1rem;color:rgba(205,215,220,.56)!important}.view-iletisim .info-card{min-height:178px;display:flex;flex-direction:column;justify-content:center;border-radius:20px!important}.view-iletisim #contact-form-card{background:radial-gradient(circle at 100% 0,rgba(var(--cinema-accent-rgb),.08),transparent 33%),linear-gradient(145deg,rgba(17,23,30,.91),rgba(7,11,16,.88))!important;border-color:rgba(var(--cinema-accent-2-rgb),.2)!important;border-radius:28px!important;box-shadow:0 42px 120px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.04)!important}.view-iletisim #contact-form-card:before{content:"CONTACT // SECURE CHANNEL";position:absolute;right:22px;top:18px;color:rgba(var(--cinema-accent-rgb),.26);font:700 .52rem monospace;letter-spacing:.16em}.view-iletisim #contact-form-card form button{background:linear-gradient(110deg,#81611f,#d3a84f 48%,#2f7680)!important;color:#080a0d!important;border:1px solid rgba(240,213,138,.35)}

/* Older compact marketing pages are promoted to the same hero scale. */
.view-proje-yonetim #main-content>section:first-child,.view-super-server #main-content>section:first-child{min-height:690px;display:flex;align-items:center;background-image:linear-gradient(rgba(var(--cinema-accent-rgb),.025) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--cinema-accent-rgb),.025) 1px,transparent 1px),radial-gradient(circle at 50% 35%,rgba(var(--cinema-accent-rgb),.11),transparent 35%)!important;background-size:76px 76px,76px 76px,auto!important}.view-proje-yonetim .step-card .glass-card{border-radius:22px}.view-proje-yonetim .step-card>div[class*="absolute"]{box-shadow:0 0 30px rgba(var(--cinema-accent-rgb),.5)!important}.view-super-server .server-rack-anim>div[class*="grid"]{background:linear-gradient(145deg,rgba(15,23,32,.91),rgba(5,10,16,.94))!important;border-color:rgba(var(--cinema-accent-rgb),.2)!important;box-shadow:0 40px 120px rgba(0,0,0,.48),0 0 65px rgba(var(--cinema-accent-rgb),.06)!important}

/* Signed-in workflows: one continuous AI console, including tickets/invoices/affiliate/forms. */
.ai-interface-area #main-content{background:transparent!important}.ai-interface-area #main-content>div:not(.db-wrap):not(.pf-bg):not(.auth-stage){position:relative;z-index:1;margin-top:1.6rem;margin-bottom:4rem;padding-top:3.2rem!important;padding-bottom:3.2rem!important}.ai-interface-area #main-content>div:not(.db-wrap):not(.pf-bg):not(.auth-stage):before{content:"ARGETEAM AI // USER WORKSPACE";display:block;margin-bottom:1.4rem;color:rgba(var(--cinema-accent-rgb),.42);font:700 .55rem monospace;letter-spacing:.18em}.ai-interface-area .utk-card,.ai-interface-area .inv-row{padding:20px 22px!important;border-radius:17px!important}.ai-interface-area .tk-bubble{backdrop-filter:blur(18px);box-shadow:0 18px 40px rgba(0,0,0,.18)}.ai-interface-area .aff-hero{background:radial-gradient(circle at 100% 0,rgba(var(--cinema-accent-rgb),.09),transparent 34%),linear-gradient(145deg,rgba(17,23,31,.9),rgba(7,11,16,.86))!important;border-color:rgba(var(--cinema-accent-2-rgb),.18)!important;box-shadow:0 34px 100px rgba(0,0,0,.35)!important;backdrop-filter:blur(22px)}.ai-interface-area .pf-bg{background:transparent!important;position:relative}.ai-interface-area .pf-bg:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(var(--cinema-accent-rgb),.02) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--cinema-accent-rgb),.02) 1px,transparent 1px);background-size:78px 78px;mask-image:linear-gradient(to bottom,black,transparent 85%)}

/* Command center pages keep their dense layout while joining the global depth system. */
.admin-area .adm-wrap{background:radial-gradient(ellipse 68% 48% at 8% 0%,rgba(var(--cinema-accent-rgb),.095),transparent 62%),radial-gradient(ellipse 52% 42% at 100% 100%,rgba(var(--cinema-accent-2-rgb),.07),transparent 64%),rgba(5,8,12,.78)!important;backdrop-filter:blur(4px)}.admin-area .adm-main:after{content:"COMMAND // ARGETEAM AI";position:fixed;right:24px;bottom:22px;color:rgba(var(--cinema-accent-rgb),.2);font:700 .52rem monospace;letter-spacing:.16em;pointer-events:none}.admin-area .adm-sidebar{background:linear-gradient(180deg,rgba(8,11,16,.94),rgba(5,7,10,.91))!important;backdrop-filter:blur(28px)}

@keyframes siteOrbit{to{transform:rotate(360deg)}}@keyframes siteOrbitReverse{to{transform:rotate(-360deg)}}@keyframes siteBeam{0%,100%{opacity:.08;filter:blur(1px)}50%{opacity:.42;filter:blur(0)}}@keyframes siteGrain{0%{transform:translate(0,0)}25%{transform:translate(2%,-1%)}50%{transform:translate(-1%,2%)}75%{transform:translate(1%,1%)}100%{transform:translate(-2%,-1%)}}@keyframes siteStatus{50%{opacity:.35}}
@media(max-width:768px){.site-cinema-status,.site-cinema-coord{display:none}.site-cinema-grid{background-size:48px 48px}.site-cinema-orbit-a{width:125vw;right:-64vw;top:-28vw}.site-cinema-orbit-b{width:95vw}.view-iletisim #main-content>section:first-child{min-height:520px}.view-iletisim #contact-hero h1{font-size:3.35rem!important}.view-proje-yonetim #main-content>section:first-child,.view-super-server #main-content>section:first-child{min-height:580px}.ai-interface-area #main-content>div:not(.db-wrap):not(.pf-bg):not(.auth-stage){margin-top:.5rem;padding-top:2rem!important}.admin-area .adm-main:after{display:none}}
@media(prefers-reduced-motion:reduce){.site-cinema-orbit,.site-cinema-beam,.site-cinema-grain,.site-cinema-status i{animation:none!important}.cinema-motion-ready .cinema-auto-reveal{opacity:1;transform:none;transition:none}}

/* Visible cinematic AI environment */
.site-wide-cinema{
    --cinema-parallax-x:0px;--cinema-parallax-y:0px;
    --cinema-parallax-x-reverse:0px;--cinema-parallax-y-reverse:0px;
    --cinema-scroll-shift:0px;
}
.site-cinema-scene{background:
    radial-gradient(circle at 75% 34%,rgba(var(--cinema-accent-rgb),.15),transparent 27%),
    radial-gradient(circle at 16% 72%,rgba(var(--cinema-accent-2-rgb),.075),transparent 31%),
    linear-gradient(135deg,var(--cinema-deep) 0%,#05090e 48%,#030609 100%)}
.site-cinema-network{opacity:1}
.site-cinema-grid{opacity:.82;background-image:linear-gradient(rgba(var(--cinema-accent-rgb),.052) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--cinema-accent-rgb),.052) 1px,transparent 1px)}
.site-cinema-beam{opacity:.58;width:2px;box-shadow:0 0 42px rgba(var(--cinema-accent-rgb),.28)}
.site-cinema-vignette{box-shadow:inset 0 0 13vw rgba(0,0,0,.57);background:linear-gradient(180deg,rgba(2,4,6,.13),transparent 25%,transparent 72%,rgba(2,4,6,.37))}
.site-cinema-object-stage{position:absolute;z-index:1;inset:0;overflow:hidden;transform:translate3d(var(--cinema-parallax-x),calc(var(--cinema-parallax-y) - var(--cinema-scroll-shift)),0);transition:transform .5s cubic-bezier(.2,.8,.2,1);will-change:transform}
.cinema-ai-core{position:absolute;right:4.5vw;top:18vh;width:clamp(330px,31vw,570px);aspect-ratio:1;border-radius:50%;opacity:.76;filter:drop-shadow(0 0 35px rgba(var(--cinema-accent-rgb),.18));animation:cinemaCoreFloat 8s ease-in-out infinite}
.cinema-core-aura{position:absolute;inset:4%;border-radius:50%;background:radial-gradient(circle,rgba(var(--cinema-accent-rgb),.2),rgba(var(--cinema-accent-rgb),.045) 31%,transparent 67%);box-shadow:0 0 120px rgba(var(--cinema-accent-rgb),.15);animation:cinemaAura 3.6s ease-in-out infinite}
.cinema-core-ring{position:absolute;border-radius:50%;border:1px solid rgba(var(--cinema-accent-rgb),.45);box-shadow:inset 0 0 26px rgba(var(--cinema-accent-rgb),.06),0 0 18px rgba(var(--cinema-accent-rgb),.08)}
.cinema-core-ring:before,.cinema-core-ring:after{content:"";position:absolute;border-radius:50%;background:var(--cinema-accent);box-shadow:0 0 18px var(--cinema-accent)}
.cinema-core-ring:before{width:7px;height:7px;top:-4px;left:49%}.cinema-core-ring:after{width:4px;height:4px;bottom:12%;right:12%}
.cinema-core-ring-1{inset:2%;border-style:dashed;animation:cinemaSpin 24s linear infinite}
.cinema-core-ring-2{inset:13%;border-color:rgba(var(--cinema-accent-2-rgb),.55);border-style:dotted;animation:cinemaSpinReverse 17s linear infinite}
.cinema-core-ring-3{inset:25%;border-width:2px;border-color:rgba(var(--cinema-accent-rgb),.35);animation:cinemaSpin 11s linear infinite}
.cinema-core-orbit{position:absolute;inset:8%;border-radius:50%;border:1px solid rgba(var(--cinema-accent-2-rgb),.23);transform:rotate(61deg) scaleY(.34);animation:cinemaOrbitTilt 13s linear infinite}
.cinema-core-orbit-2{inset:18%;transform:rotate(-27deg) scaleY(.48);animation-duration:9s;animation-direction:reverse}
.cinema-core-orbit i{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--cinema-accent-2);box-shadow:0 0 19px 4px rgba(var(--cinema-accent-2-rgb),.45)}
.cinema-core-orbit i:nth-child(1){top:-5px;left:50%}.cinema-core-orbit i:nth-child(2){bottom:12%;right:7%}.cinema-core-orbit i:nth-child(3){bottom:9%;left:9%}
.cinema-core-symbol{position:absolute;inset:29%;border-radius:28%;background:radial-gradient(circle,rgba(5,13,19,.91),rgba(3,8,12,.72));box-shadow:inset 0 0 35px rgba(var(--cinema-accent-rgb),.16),0 0 38px rgba(var(--cinema-accent-rgb),.16);animation:cinemaSymbolPulse 4s ease-in-out infinite}
.cinema-core-symbol svg{width:100%;height:100%;overflow:visible;fill:none;stroke:var(--cinema-accent);stroke-width:1.4;filter:drop-shadow(0 0 7px rgba(var(--cinema-accent-rgb),.58))}
.cinema-core-symbol .core-mark{fill:rgba(var(--cinema-accent-rgb),.17);stroke-width:2.4}.cinema-core-symbol .core-circuit{stroke:var(--cinema-accent-2);stroke-dasharray:5 6;animation:cinemaDash 4s linear infinite}
.cinema-core-label{position:absolute;left:50%;top:77%;min-width:190px;transform:translateX(-50%);padding:9px 14px;text-align:center;border-top:1px solid rgba(var(--cinema-accent-rgb),.35);background:linear-gradient(90deg,transparent,rgba(3,9,13,.7),transparent);font-family:monospace;letter-spacing:.18em;color:rgba(226,246,249,.9)}
.cinema-core-label span{display:block;font-size:.7rem;font-weight:900}.cinema-core-label b{display:block;margin-top:4px;color:var(--cinema-accent);font-size:.48rem}
.cinema-hud-panel{position:absolute;width:clamp(220px,18vw,310px);padding:15px 17px;border:1px solid rgba(var(--cinema-accent-rgb),.24);border-left:2px solid rgba(var(--cinema-accent-rgb),.68);background:linear-gradient(110deg,rgba(4,12,17,.64),rgba(4,9,14,.18));box-shadow:0 20px 70px rgba(0,0,0,.25),inset 0 0 28px rgba(var(--cinema-accent-rgb),.035);backdrop-filter:blur(4px);clip-path:polygon(0 0,94% 0,100% 22%,100% 100%,6% 100%,0 78%);opacity:.62}
.cinema-hud-panel-left{left:5vw;top:24vh;transform:translate3d(var(--cinema-parallax-x-reverse),var(--cinema-parallax-y-reverse),0);animation:cinemaHudFloat 7s ease-in-out infinite}
.cinema-hud-panel-right{right:7vw;top:68vh;transform:translate3d(var(--cinema-parallax-x-reverse),var(--cinema-parallax-y-reverse),0);animation:cinemaHudFloat 9s ease-in-out -2s infinite}
.cinema-hud-title,.cinema-hud-meta{display:flex;align-items:center;gap:8px;font:700 .53rem/1.2 monospace;letter-spacing:.14em;color:rgba(209,230,235,.72)}
.cinema-hud-title i{width:6px;height:6px;border-radius:50%;background:var(--cinema-accent);box-shadow:0 0 10px var(--cinema-accent);animation:siteStatus 1.5s ease-in-out infinite}.cinema-hud-title b{margin-left:auto;color:var(--cinema-accent)}
.cinema-hud-graph{height:48px;margin:14px 0 10px;display:flex;align-items:end;gap:7px;border-bottom:1px solid rgba(var(--cinema-accent-rgb),.16);background:repeating-linear-gradient(to bottom,transparent 0 11px,rgba(var(--cinema-accent-rgb),.06) 12px)}
.cinema-hud-graph span{flex:1;height:40%;background:linear-gradient(to top,rgba(var(--cinema-accent-rgb),.12),var(--cinema-accent));box-shadow:0 0 8px rgba(var(--cinema-accent-rgb),.25);animation:cinemaBars 2.6s ease-in-out infinite alternate;transform-origin:bottom}.cinema-hud-graph span:nth-child(2n){animation-delay:-.7s}.cinema-hud-graph span:nth-child(3n){animation-delay:-1.4s}
.cinema-hud-meta{justify-content:space-between;color:rgba(185,199,205,.46)}.cinema-hud-meta b{color:var(--cinema-accent-2)}
.cinema-hud-lines{display:grid;gap:7px;margin:16px 0}.cinema-hud-lines i{height:2px;background:linear-gradient(90deg,var(--cinema-accent),rgba(var(--cinema-accent-2-rgb),.12),transparent);transform-origin:left;animation:cinemaLine 3.2s ease-in-out infinite}.cinema-hud-lines i:nth-child(2){width:76%;animation-delay:-.6s}.cinema-hud-lines i:nth-child(3){width:48%;animation-delay:-1.2s}.cinema-hud-lines i:nth-child(4){width:89%;animation-delay:-1.8s}
.cinema-data-stream{position:absolute;color:rgba(var(--cinema-accent-rgb),.25);font:700 .54rem/2 monospace;letter-spacing:.25em;text-shadow:0 0 8px rgba(var(--cinema-accent-rgb),.35);animation:cinemaDataFall 15s linear infinite}.cinema-data-stream-1{left:32%;top:-20%;animation-delay:-5s}.cinema-data-stream-2{right:39%;top:-31%;animation-duration:19s}
.cinema-shard{position:absolute;width:74px;height:110px;background:linear-gradient(145deg,rgba(var(--cinema-accent-rgb),.16),rgba(var(--cinema-accent-2-rgb),.015) 55%,transparent);border-left:1px solid rgba(var(--cinema-accent-rgb),.28);clip-path:polygon(48% 0,100% 100%,0 72%);filter:drop-shadow(0 0 11px rgba(var(--cinema-accent-rgb),.12));animation:cinemaShard 13s ease-in-out infinite}
.cinema-shard-1{left:13%;top:12%;transform:scale(.55) rotate(20deg)}.cinema-shard-2{left:25%;top:58%;animation-delay:-4s;transform:scale(.8) rotate(-32deg)}.cinema-shard-3{right:36%;top:16%;animation-delay:-7s;transform:scale(.45) rotate(71deg)}.cinema-shard-4{right:12%;top:60%;animation-delay:-9s;transform:scale(.7) rotate(18deg)}.cinema-shard-5{left:45%;top:77%;animation-delay:-2s;transform:scale(.4) rotate(-14deg)}.cinema-shard-6{right:47%;top:34%;animation-delay:-11s;transform:scale(.3) rotate(42deg)}
.site-wide-cinema:not(.admin-area) #main-content>section{background-color:rgba(6,9,13,.31)!important}
.site-wide-cinema:not(.admin-area) #main-content>section:nth-of-type(even){background-color:rgba(9,13,18,.24)!important}
.site-wide-cinema #main-content>section.bg-slate-900,.site-wide-cinema #main-content>section.bg-slate-950{background-color:rgba(7,11,16,.29)!important}
.site-wide-cinema .glass-card,.site-wide-cinema .saas-card,.site-wide-cinema .info-card,.site-wide-cinema .feature-card,.site-wide-cinema form{backdrop-filter:blur(20px) saturate(115%)}
.admin-area .adm-wrap{background:radial-gradient(ellipse 68% 48% at 8% 0%,rgba(var(--cinema-accent-rgb),.12),transparent 62%),radial-gradient(ellipse 52% 42% at 100% 100%,rgba(var(--cinema-accent-2-rgb),.09),transparent 64%),rgba(5,8,12,.52)!important;backdrop-filter:blur(2px)}
.admin-area .cinema-ai-core{right:2vw;top:14vh;opacity:.48}.admin-area .cinema-hud-panel{opacity:.42}
@keyframes cinemaCoreFloat{0%,100%{translate:0 0}50%{translate:0 -18px}}
@keyframes cinemaAura{0%,100%{transform:scale(.94);opacity:.65}50%{transform:scale(1.08);opacity:1}}
@keyframes cinemaSpin{to{transform:rotate(360deg)}}@keyframes cinemaSpinReverse{to{transform:rotate(-360deg)}}
@keyframes cinemaOrbitTilt{to{rotate:360deg}}
@keyframes cinemaSymbolPulse{0%,100%{transform:scale(.96) rotate(-1deg)}50%{transform:scale(1.04) rotate(1deg)}}
@keyframes cinemaDash{to{stroke-dashoffset:-44}}
@keyframes cinemaHudFloat{0%,100%{margin-top:0}50%{margin-top:-13px}}
@keyframes cinemaBars{0%{transform:scaleY(.35)}100%{transform:scaleY(1)}}
@keyframes cinemaLine{0%,100%{transform:scaleX(.35);opacity:.35}50%{transform:scaleX(1);opacity:1}}
@keyframes cinemaDataFall{from{translate:0 -35vh}to{translate:0 145vh}}
@keyframes cinemaShard{0%,100%{translate:0 0;opacity:.18}50%{translate:32px -46px;opacity:.7}}
@media(max-width:1100px){.cinema-ai-core{right:-8vw;width:clamp(310px,45vw,470px);opacity:.58}.cinema-hud-panel-left{left:2vw}.cinema-hud-panel-right{display:none}}
@media(max-width:768px){.site-cinema-object-stage{transform:translate3d(calc(var(--cinema-parallax-x) * .35),calc(var(--cinema-parallax-y) * .35 - var(--cinema-scroll-shift)),0)}.cinema-ai-core{right:-38vw;top:20vh;width:112vw;opacity:.42}.cinema-hud-panel{display:none}.cinema-data-stream{opacity:.7}.cinema-shard{opacity:.7}.site-wide-cinema:not(.admin-area) #main-content>section{background-color:rgba(6,9,13,.4)!important}}
@media(prefers-reduced-motion:reduce){.cinema-ai-core,.cinema-core-aura,.cinema-core-ring,.cinema-core-orbit,.cinema-core-symbol,.cinema-hud-panel,.cinema-hud-title i,.cinema-hud-graph span,.cinema-hud-lines i,.cinema-data-stream,.cinema-shard{animation:none!important}.site-cinema-object-stage{transform:none!important}}

/* Contact — unified premium communication console */
.view-iletisim .contact-channel-section{position:relative;padding-bottom:3.5rem!important;background:transparent!important;border-bottom:0!important;overflow:visible!important}
.view-iletisim .contact-channel-shell{max-width:1080px;position:relative;z-index:3}
.view-iletisim .contact-channel-deck{position:relative;overflow:hidden;border:1px solid rgba(var(--cinema-accent-2-rgb),.2);border-radius:28px;background:linear-gradient(145deg,rgba(15,21,28,.9),rgba(5,10,14,.78));box-shadow:0 34px 100px rgba(0,0,0,.37),inset 0 1px rgba(255,255,255,.045);backdrop-filter:blur(26px) saturate(120%)}
.view-iletisim .contact-channel-deck:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 0 42%,rgba(var(--cinema-accent-rgb),.055) 50%,transparent 58%);translate:-70% 0;animation:contactDeckScan 8s ease-in-out infinite}
.view-iletisim .contact-channel-deck:after{content:"";position:absolute;right:0;top:0;width:145px;height:1px;background:linear-gradient(90deg,transparent,var(--cinema-accent));box-shadow:0 0 20px rgba(var(--cinema-accent-rgb),.45)}
.view-iletisim .contact-channel-header{position:relative;z-index:1;display:flex;align-items:end;justify-content:space-between;gap:24px;padding:25px 30px 22px;border-bottom:1px solid rgba(var(--cinema-accent-2-rgb),.12)}
.view-iletisim .contact-channel-kicker{display:block;margin-bottom:7px;color:rgba(var(--cinema-accent-rgb),.55);font:800 .53rem/1.3 monospace;letter-spacing:.2em}
.view-iletisim .contact-channel-header h2{margin:0;color:#edf5f7;font-size:clamp(1.05rem,1.7vw,1.35rem);font-weight:750;letter-spacing:-.025em}
.view-iletisim .contact-channel-live{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(52,211,153,.15);border-radius:999px;background:rgba(52,211,153,.045);color:rgba(192,222,214,.62);font:700 .58rem/1 monospace;letter-spacing:.08em;white-space:nowrap}
.view-iletisim .contact-channel-live i{width:6px;height:6px;border-radius:50%;background:#34d399;box-shadow:0 0 12px #34d399;animation:siteStatus 1.8s ease-in-out infinite}
.view-iletisim .contact-channel-grid{position:relative;z-index:1}
.view-iletisim .contact-channel-card{min-height:168px!important;position:relative;display:grid!important;grid-template-columns:52px 1fr;align-items:center;gap:17px;padding:28px 27px!important;border:0!important;border-right:1px solid rgba(var(--cinema-accent-2-rgb),.11)!important;border-radius:0!important;background:linear-gradient(180deg,rgba(255,255,255,.014),transparent)!important;box-shadow:none!important;text-align:left!important;overflow:hidden;transition:background .35s ease,transform .35s ease!important}
.view-iletisim .contact-channel-card:last-child{border-right:0!important}
.view-iletisim .contact-channel-card:before{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,var(--channel-color),transparent);opacity:.12;transform:scaleX(.25);transition:opacity .35s,transform .45s}
.view-iletisim .contact-channel-card:hover{background:radial-gradient(circle at 22% 50%,color-mix(in srgb,var(--channel-color) 10%,transparent),transparent 55%)!important;transform:translateY(-3px)!important}
.view-iletisim .contact-channel-card:hover:before{opacity:.7;transform:scaleX(1)}
.view-iletisim .contact-channel-number{position:absolute;top:17px;right:19px;color:color-mix(in srgb,var(--channel-color) 42%,transparent);font:800 .52rem/1 monospace;letter-spacing:.16em}
.view-iletisim .contact-channel-icon{width:52px;height:52px;display:grid;place-items:center;position:relative;border:1px solid color-mix(in srgb,var(--channel-color) 28%,transparent);border-radius:16px;background:color-mix(in srgb,var(--channel-color) 8%,rgba(7,12,17,.8));box-shadow:inset 0 0 22px color-mix(in srgb,var(--channel-color) 6%,transparent),0 10px 30px rgba(0,0,0,.25);rotate:-3deg;transition:rotate .35s,scale .35s}
.view-iletisim .contact-channel-card:hover .contact-channel-icon{rotate:0deg;scale:1.06}
.view-iletisim .contact-channel-icon:after{content:"";position:absolute;width:4px;height:4px;right:-2px;top:11px;border-radius:50%;background:var(--channel-color);box-shadow:0 0 9px var(--channel-color)}
.view-iletisim .contact-channel-icon svg{width:21px;height:21px;filter:drop-shadow(0 0 7px color-mix(in srgb,var(--channel-color) 55%,transparent))}
.view-iletisim .contact-channel-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.view-iletisim .contact-channel-copy>span{margin-bottom:6px;color:rgba(176,190,198,.5);font:750 .58rem/1.2 monospace;letter-spacing:.13em;text-transform:uppercase}
.view-iletisim .contact-channel-copy strong,.view-iletisim .contact-channel-copy a{max-width:100%;color:#edf3f5;font-size:.9rem;font-weight:720;letter-spacing:-.01em;text-decoration:none;overflow-wrap:anywhere}
.view-iletisim .contact-channel-copy a:hover{color:var(--channel-color)}
.view-iletisim .contact-channel-copy small{margin-top:7px;color:rgba(148,163,184,.43);font-size:.68rem}
.view-iletisim .contact-channel-arrow{position:absolute;right:20px;bottom:19px;width:18px;height:1px;background:color-mix(in srgb,var(--channel-color) 35%,transparent);transform-origin:right;transition:width .35s,background .35s}
.view-iletisim .contact-channel-arrow:after{content:"";position:absolute;right:0;top:-2px;width:5px;height:5px;border-top:1px solid var(--channel-color);border-right:1px solid var(--channel-color);rotate:45deg}
.view-iletisim .contact-channel-card:hover .contact-channel-arrow{width:28px;background:var(--channel-color)}
.view-iletisim .contact-form-shell{max-width:1080px;position:relative}
.view-iletisim .contact-form-shell:before{content:"";position:absolute;left:50%;top:-3.5rem;width:1px;height:3.5rem;background:linear-gradient(to bottom,rgba(var(--cinema-accent-rgb),.05),rgba(var(--cinema-accent-rgb),.5));box-shadow:0 0 14px rgba(var(--cinema-accent-rgb),.2)}
.view-iletisim #contact-form-card{border-radius:30px!important;padding:clamp(30px,4vw,52px)!important;background:radial-gradient(circle at 96% 4%,rgba(var(--cinema-accent-rgb),.105),transparent 28%),linear-gradient(145deg,rgba(14,21,29,.94),rgba(5,10,15,.91))!important;border-color:rgba(var(--cinema-accent-2-rgb),.22)!important;box-shadow:0 46px 130px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.05)!important}
.view-iletisim #contact-form-card:after{content:"";position:absolute;inset:11px;border:1px solid rgba(255,255,255,.025);border-radius:22px;pointer-events:none}
.view-iletisim .contact-form-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px;padding-bottom:25px;border-bottom:1px solid rgba(var(--cinema-accent-2-rgb),.12)}
.view-iletisim .contact-form-heading>div:first-child>span{display:block;margin-bottom:9px;color:rgba(var(--cinema-accent-rgb),.5);font:800 .52rem/1.2 monospace;letter-spacing:.18em}
.view-iletisim .contact-form-heading h2{font-size:clamp(1.3rem,2vw,1.65rem)!important;letter-spacing:-.035em}.view-iletisim .contact-form-heading p{margin:0}
.view-iletisim .contact-response-badge{min-width:142px;display:grid;grid-template-columns:7px 1fr;column-gap:8px;align-items:center;padding:11px 13px;border:1px solid rgba(var(--cinema-accent-rgb),.13);border-radius:14px;background:rgba(var(--cinema-accent-rgb),.035)}
.view-iletisim .contact-response-badge i{grid-row:1/3;width:7px;height:7px;border-radius:50%;background:var(--cinema-accent);box-shadow:0 0 11px var(--cinema-accent)}
.view-iletisim .contact-response-badge span{color:rgba(166,183,191,.48);font:700 .52rem/1.2 monospace;letter-spacing:.08em;text-transform:uppercase}.view-iletisim .contact-response-badge strong{margin-top:3px;color:#e9f4f6;font-size:.72rem}
@keyframes contactDeckScan{0%,18%{translate:-75% 0;opacity:0}40%{opacity:1}65%,100%{translate:75% 0;opacity:0}}
@media(max-width:768px){.view-iletisim .contact-channel-shell,.view-iletisim .contact-form-shell{padding-left:16px!important;padding-right:16px!important}.view-iletisim .contact-channel-deck{border-radius:22px}.view-iletisim .contact-channel-header{align-items:flex-start;padding:22px 21px 19px}.view-iletisim .contact-channel-live{padding:7px;font-size:0}.view-iletisim .contact-channel-grid{display:block}.view-iletisim .contact-channel-card{min-height:130px!important;padding:23px 21px!important;border-right:0!important;border-bottom:1px solid rgba(var(--cinema-accent-2-rgb),.11)!important}.view-iletisim .contact-channel-card:last-child{border-bottom:0!important}.view-iletisim .contact-channel-arrow{display:none}.view-iletisim .contact-form-heading{display:block}.view-iletisim .contact-response-badge{margin-top:18px;width:max-content}.view-iletisim #contact-form-card{border-radius:24px!important}.view-iletisim #contact-form-card:before{display:none}}
@media(prefers-reduced-motion:reduce){.view-iletisim .contact-channel-deck:before,.view-iletisim .contact-channel-live i{animation:none!important}}