/* SACRED CORE v2.9 - OFFICIAL STYLE CORE Zentrale Design-Datei für alle Agency-Seiten Optimiert für Command Center v3.6 & Security Locks */ @import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;700;900&display=swap'); /* --- SACRED CORE VARIABLES --- */ :root { --ultra-violet: #5F4A8B; --lemon-chiffon: #FEFACD; --dark-bg: #030303; --glass: rgba(10, 10, 15, 0.85); --glass-border: rgba(255, 255, 255, 0.05); --violet-glow: rgba(124, 58, 237, 0.3); /* Rank Colors */ --color-founder: #EF4444; /* Rot */ --color-mod: #3B82F6; /* Blau */ --color-vip: #A855F7; /* Lila */ --color-legacy: #38BDF8; /* Hellblau */ --color-bughunter: #FACC15; /* Gelb */ --color-leaker: #FB923C; /* Orange */ --color-member: #6B7280; /* Grau */ /* Security Status */ --color-banned: #7f1d1d; /* Dunkelrot für Sperren */ } /* --- RESET & BASE --- */ * { margin: 0; padding: 0; box-sizing: border-box; -webkit-font-smoothing: antialiased; } html { scroll-behavior: smooth; } /* --- CURSOR SYSTEM --- */ /* Nur ausblenden, wenn die Custom-Cursor Elemente auch wirklich da sind */ body.custom-cursor { cursor: none !important; } body.custom-cursor * { cursor: none !important; } body { background-color: #030303; color: white; font-family: 'Space Grotesk', sans-serif; opacity: 1; /* Standardmäßig sichtbar für alle normalen Seiten */ } /* --- SECURITY LOCK (Nur für Admin.html) --- */ /* Damit das greift, musst du in der Admin.html schreiben */ body.admin-page { opacity: 0; pointer-events: none; transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1); } body.admin-page.authorized { opacity: 1 !important; pointer-events: auto !important; } /* --- THE FRACTAL ENGINE (Shared Background) --- */ .fractal-container { position: fixed; inset: 0; z-index: -10; background: radial-gradient(circle at 50% 50%, #0a0a15 0%, #030303 100%); overflow: hidden; pointer-events: none; } .fractal-grid { position: absolute; inset: -100%; background-image: linear-gradient(rgba(95, 74, 139, 0.1) 1px, transparent 1px), linear-gradient(90deg, rgba(95, 74, 139, 0.1) 1px, transparent 1px); background-size: 60px 60px; transform: perspective(1000px) rotateX(60deg) translateY(0); animation: grid-flow 40s linear infinite; } @keyframes grid-flow { from { transform: perspective(1000px) rotateX(60deg) translateY(0); } to { transform: perspective(1000px) rotateX(60deg) translateY(60px); } } /* --- SHARED NAVIGATION --- */ nav { background: rgba(3, 3, 3, 0.8); backdrop-filter: blur(20px); border-bottom: 1px solid var(--glass-border); transition: all 0.4s ease; } /* --- CUSTOM CURSOR VISUALS --- */ #cursor-dot { width: 6px; height: 6px; background: var(--lemon-chiffon); border-radius: 50%; position: fixed; pointer-events: none; z-index: 10000; transform: translate(-50%, -50%); box-shadow: 0 0 15px var(--lemon-chiffon); } #cursor-outline { width: 40px; height: 40px; border: 1.5px solid var(--ultra-violet); border-radius: 50%; position: fixed; pointer-events: none; z-index: 9999; transform: translate(-50%, -50%); transition: width 0.3s, height 0.3s, border 0.3s, background 0.3s; } /* --- RANK & SECURITY BADGES --- */ .rank-badge { display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px; border-radius: 10px; font-size: 10px; font-weight: 900; text-transform: uppercase; letter-spacing: 0.15em; border: 1px solid transparent; } .rank-founder { color: var(--color-founder); border-color: rgba(239, 68, 68, 0.3); background: rgba(239, 68, 68, 0.05); } .rank-mod { color: var(--color-mod); border-color: rgba(59, 130, 246, 0.3); background: rgba(59, 130, 246, 0.05); } .rank-vip { color: var(--color-vip); border-color: rgba(168, 85, 247, 0.3); background: rgba(168, 85, 247, 0.05); } .rank-member { color: var(--color-member); border-color: rgba(107, 114, 128, 0.3); background: rgba(107, 114, 128, 0.05); } /* Blockierter User Status */ .user-item.banned-user { border-color: var(--color-banned) !important; background: rgba(127, 29, 29, 0.03); opacity: 0.7; } /* --- GLASS CARDS --- */ .sacred-card { background: var(--glass); backdrop-filter: blur(30px); border: 1px solid var(--glass-border); border-radius: 30px; transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); position: relative; overflow: hidden; } .sacred-card:hover { border-color: rgba(124, 58, 237, 0.3); transform: translateY(-8px); box-shadow: 0 30px 60px rgba(0,0,0,0.6); } /* --- BUTTONS --- */ .sacred-btn { padding: 14px 28px; border-radius: 16px; font-weight: 900; text-transform: uppercase; font-size: 10px; letter-spacing: 2px; transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1); display: inline-flex; align-items: center; gap: 10px; } .btn-primary { background: white; color: black; } .btn-primary:hover { background: var(--ultra-violet); color: white; transform: scale(1.05); } /* --- UI ANIMATIONS --- */ .animate-slide-up { animation: slideUp 0.8s cubic-bezier(0.19, 1, 0.22, 1) forwards; } @keyframes slideUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } .scanline { width: 100%; height: 100px; z-index: 100; background: linear-gradient(0deg, transparent 0%, rgba(95, 74, 139, 0.03) 50%, transparent 100%); position: fixed; pointer-events: none; animation: scanline 10s linear infinite; } @keyframes scanline { 0% { transform: translateY(-100vh); } 100% { transform: translateY(100vh); } } /* --- UTILS --- */ .no-scrollbar::-webkit-scrollbar { display: none; } .text-glow { text-shadow: 0 0 15px var(--violet-glow); } /* Admin Specific Overrides */ .tab-pane.hidden { display: none !important; }