Wicked-Tutu-31B-Final-GGUF
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;600;700&family=Outfit:wght@300;500;800&display=swap'); :root { --primary-pink: #ff1493; --secondary-pink: #ff69b4; --accent-pink: #d4005e; --bg-pink-light: #ffe6ee; --bg-pink-dark: #ffd1dc; --glass-bg: rgba(255, 255, 255, 0.7); --glass-border: rgba(255, 20, 147, 0.3); --text-main: #8b005d; --glow-color: rgba(255, 20, 147, 0.4); --section-bg: rgba(255, 255, 255, 0.5); --card-bg: rgba(255, 255, 255, 0.4); --warning-red: #ff4d4d; } @media (prefers-color-scheme: dark) { :root { --bg-pink-light: #1a050d; --bg-pink-dark: #0a0205; --glass-bg: rgba(20, 5, 10, 0.8); --glass-border: rgba(255, 105, 180, 0.4); --text-main: #ffb6c1; --glow-color: rgba(255, 20, 147, 0.6); --section-bg: rgba(40, 10, 20, 0.6); --card-bg: rgba(60, 15, 30, 0.4); --warning-red: #ff3333; } } body { font-family: 'Quicksand', sans-serif; background: linear-gradient(135deg, var(--bg-pink-light) 0%, var(--bg-pink-dark) 100%); color: var(--text-main) !important; margin: 0; padding: 20px; line-height: 1.6; } .container { margin: 0 auto; max-width: 1000px; background: var(--glass-bg); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-radius: 30px; padding: 50px 40px; box-shadow: 0 25px 50px rgba(0, 0, 0, 0.2); border: 1px solid var(--glass-border); position: relative; overflow: hidden; } /* Animated Neon Border */ .container::before { content: ''; position: absolute; top: -2px; left: -2px; right: -2px; bottom: -2px; border: 3px solid transparent; border-radius: 30px; background: linear-gradient(45deg, var(--primary-pink), transparent, var(--secondary-pink), transparent) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: destination-out; mask-composite: exclude; animation: borderRotate 8s linear infinite; pointer-events: none; } @keyframes borderRotate { 0% { filter: hue-rotate(0deg); } 100% { filter: hue-rotate(360deg); } } /* Warning Banner */ .warning-banner { background: linear-gradient(90deg, var(--accent-pink), var(--primary-pink)); color: white !important; padding: 15px; border-radius: 15px; text-align: center; font-weight: 700; margin-botto
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;600;700&family=Outfit:wght@300;500;800&display=swap'); :root { --primary-pink: #ff1493; --secondary-pink: #ff69b4; --accent-pink: #d4005e; --bg-pink-light: #ffe6ee; --bg-pink-dark: #ffd1dc; --glass-bg: rgba(255, 255, 255, 0.7); --glass-border: rgba(255, 20, 147, 0.3); --text-main: #8b005d; --glow-color: rgba(255, 20, 147, 0.4); --section-bg: rgba(255, 255, 255, 0.5); --card-bg: rgba(255, 255, 255, 0.4); --warning-red: #ff4d4d; } @media (prefers-color-scheme: dark) { :root { --bg-pink-light: #1a050d; --bg-pink-dark: #0a0205; --glass-bg: rgba(20, 5, 10, 0.8); --glass-border: rgba(255, 105, 180, 0.4); --text-main: #ffb6c1; --glow-color: rgba(255, 20, 147, 0.6); --section-bg: rgba(40, 10, 20, 0.6); --card-bg: rgba(60, 15, 30, 0.4); --warning-red: #ff3333; } } body { font-family: 'Quicksand', sans-serif; background: linear-gradient(135deg, var(--bg-pink-light) 0%, var(--bg-pink-dark) 100%); color: var(--text-main) !important; margin: 0; padding: 20px; line-height: 1.6; } .container { margin: 0 auto; max-width: 1000px; background: var(--glass-bg); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-radius: 30px; padding: 50px 40px; box-shadow: 0 25px 50px rgba(0, 0, 0, 0.2); border: 1px solid var(--glass-border); position: relative; overflow: hidden; } /* Animated Neon Border */ .container::before { content: ''; position: absolute; top: -2px; left: -2px; right: -2px; bottom: -2px; border: 3px solid transparent; border-radius: 30px; background: linear-gradient(45deg, var(--primary-pink), transparent, var(--secondary-pink), transparent) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: destination-out; mask-composite: exclude; animation: borderRotate 8s linear infinite; pointer-events: none; } @keyframes borderRotate { 0% { filter: hue-rotate(0deg); } 100% { filter: hue-rotate(360deg); } } /* Warning Banner */ .warning-banner { background: linear-gradient(90deg, var(--accent-pink), var(--primary-pink)); color: white !important; padding: 15px; border-radius: 15px; text-align: center; font-weight: 700; margin-botto
AI is happening. The future is updating.