Golden Queen Mini

body { margin: 0; font-family: Arial, sans-serif; background: url(https://files.catbox.moe/gmtqsm.jpg) no-repeat center center fixed; background-size: cover; overflow-x: hidden; color: #fff; } header { background: #ffd70000; font-family: 'Montserrat', sans-serif; backdrop-filter: blur(10px); padding: 20px; text-align: center; font-size: 1.4rem; font-weight: 700; animation: fadeInDown 1s ease; color: #fff; } .cards { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; padding: 20px; } .card { backdrop-filter: blur(15px); background: #ffffff33; border-radius: 15px; padding: 20px; width: 90%; text-align: center; animation: zoomFade 0.8s ease; transition: transform 0.3s ease, box-shadow 0.3s ease; } .card:hover { transform: translateY(-5px) scale(1.03); box-shadow: 0 10px 20px #0000004d; } .card img { width: 70px; height: auto; margin-bottom: 10px; filter: drop-shadow(0 0 5px #0000004d); transition: transform 0.3s ease; } .card img:hover { transform: scale(1.1); } .desc-card, .comment-box, .comments-list { margin: 20px; padding: 20px; backdrop-filter: blur(20px); background: #ffffff4d; border-radius: 15px; color: #000; } input, textarea, button { display: block; width: 100%; margin: 10px 0; padding: 10px; border: none; border-radius: 8px; } .comment { backdrop-filter: blur(10px); background: #ffffff33; padding: 15px; border-radius: 10px; margin-bottom: 10px; position: relative; color: #000; } .reacts span { cursor: pointer; margin-right: 5px; font-size: 1.2rem; } .pin, .reply { position: absolute; top: 10px; cursor: pointer; } .reply { right: 40px; } .pin { right: 10px; } @keyframes zoomFade { 0% { opacity: 0; transform: scale(0.8); } 100% { opacity: 1; transform: scale(1); } } @keyframes fadeInDown { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } @keyframes floatHearts { 0% { bottom: 0; opacity: 1; } 100% { bottom: 100%; opacity: 0; } } .heart { position: fixed; bottom: 0; font-size: 20px; animation: floatHearts 5s linear infinite; color: red; z-index: 999; } @media (max-width: 768px) { .cards { flex-direction: column; align-items: center; } } .card1 { backdrop-filter: blur(15px); background: #ffffff33; border-radius: 15px; padding: 20px; width: 35vh; margin: 20px auto; animation: zoomFade 0.8s ease; text-align: center; } .card1 h2 { margin: 0; font-size: 1.3rem; } .card1 span { font-weight: 700; color: #0fc; } .blur-card { backdrop-filter: blur(20px); background: #ffffff1a; border: 1px solid #ffffff4d; border-radius: 16px; padding: 40px; text-align: center; box-shadow: 0 8px 32px 0 #1f26875e; color: #fff; } .blur-card h2 { margin-bottom: 20px; } .blur-card input { padding: 12px 20px; width: 200px; border: none; border-radius: 8px; margin-right: 10px; } .blur-card button { padding: 12px 20px; border: none; border-radius: 8px; background: #4CAF50; color: #fff; cursor: pointer; transition: background 0.3s; } .blur-card button:hover { background: #45a049; } #result { margin-top: 20px; font-weight: 700; } .table-container { width: 90%; max-width: 400px; max-height: 450px; background: rgba(255, 255, 255, 0.25); /* light frosted glass */ backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); border-radius: 16px; padding: 0.75rem; box-shadow: 0 8px 40px rgba(0,0,0,0.15); /* softer shadow for light mode */ border: 1px solid rgba(255,255,255,0.3); overflow-y: auto; margin: auto; /* center horizontally in flex */ } table { width: 100%; border-collapse: collapse; color: #e5e7eb; font-size: 0.85rem; min-width: 300px; } th, td { padding: 0.6rem 0.4rem; text-align: left; border-bottom: 1px solid rgba(255,255,255,0.1); } th { background: rgba(30, 30, 30, 0.5); font-weight: 600; font-size: 0.9rem; color: #60a5fa; position: sticky; top: 0; backdrop-filter: blur(15px); } tr:nth-child(even) { background: rgba(255, 255, 255, 0.05); } tr:hover { background: rgba(255, 255, 255, 0.08); transition: background 0.3s ease; } .command { font-weight: 600; color: #fff; background: linear-gradient(135deg, #EC4899, #8B5CF6); font-size: 0.85rem; } .example { font-family: monospace; color: #dbeafe; word-break: break-all; font-size: 0.8rem; background: linear-gradient(135deg, #EC4899, #8B5CF6); } .desc { color: #fff; font-size: 0.8rem; background: linear-gradient(135deg, #EC4899, #8B5CF6); } .contributors-section { animation: fadeIn 1.2s ease forwards; margin-top: 2rem; padding: 2rem; background: rgba(255, 255, 255, 0.15); /* glass effect */ backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-radius: 1rem; box-shadow: 0 8px 30px rgba(0,0,0,0.2); color: #d97706; max-width: 700px; width: 90%; border: 1px solid rgba(255, 255, 255, 0.3); } .contributors-section h2 { font-weight: 800; font-size: 1.8rem; text-align: center; margin-bottom: 1rem; position: relative; display: inline-block; padding-bottom: 0.25rem; /* Gradient Text */ background: linear-gradient(90deg, #f59e0b, #f97316, #ef4444); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .contributors-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: 1.25rem; justify-items: center; align-items: center; } .contributor-card { background: rgba(255, 255, 255, 0.2); /* glass card */ backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-radius: 1rem; padding: 0.75rem 0.5rem 1rem; width: 110px; text-align: center; box-shadow: 0 4px 12px rgba(0,0,0,0.2); cursor: default; transition: transform 0.8s ease, box-shadow 0.8s ease, background 0.8s ease; will-change: transform; border: 1px solid rgba(255, 255, 255, 0.3); } .contributor-card:hover { transform: scale(0.95) rotate(-2deg); box-shadow: 0 8px 20px rgba(0,0,0,0.35); z-index: 10; background: rgba(255, 255, 255, 0.25); } .contributor-avatar { width: 72px; height: 72px; border-radius: 50%; border: 2.5px solid #d97706; object-fit: cover; margin-bottom: 0.5rem; box-shadow: 0 3px 10px rgba(0,0,0,0.25); transition: transform 0.8s ease; } .contributor-card:hover .contributor-avatar { transform: scale(1.1); } .contributor-name { font-weight: 700; font-size: 1rem; color: #d97706; margin-bottom: 0.15rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .contributor-role { font-weight: 500; font-size: 0.8rem; color: #f3f4f6; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @keyframes fadeIn { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } .buttons { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 15px; height: 100vh; } .button { padding: 12px 24px; background: rgba(255, 255, 255, 0.08); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border-radius: 12px; color: #fff; font-weight: bold; border: none; position: relative; overflow: hidden; cursor: pointer; transition: 0.3s ease; height: 9vh; } .button::before { content: ""; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: conic-gradient(from 0deg, #ff0000, #00ff00, #0000ff, #ff0000); animation: spin 6s linear infinite; z-index: 0; } .button span { position: relative; z-index: 1; } .button:hover { transform: scale(1.05); } .button:after { content: ""; position: absolute; inset: 3px; background: #00000000; border-radius: 9px; z-index: 0; } footer { margin-top: auto; text-align: center; color: #aaa; padding: 15px; font-size: 14px; } @keyframes spin { to { transform: rotate(360deg); } } @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } .image-frame { width: 95%; max-width: 400px; padding: 35px; border-radius: 3px; background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2); margin: 5% auto 0 auto; display: flex; justify-content: center; align-items: center; transition: transform 0.5s ease, box-shadow 0.5s ease; } .image-frame:hover { transform: scale(1.02); box-shadow: 0 12px 40px rgba(0, 0, 0, 0.3); } .bot-image { width: 96%; border-radius: 15px; padding: 5px; transition: transform 0.5s ease; width: 95%; max-width: 400px; padding: 6px; background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2); display: flex; justify-content: center; align-items: center; transition: transform 0.5s ease, box-shadow 0.5s ease; } .bot-image:hover { transform: scale(1.05); }

𝐆𝐎𝐋𝐃𝐄𝐍 𝐐𝐔𝐄𝐄𝐍 𝐌𝐈𝐍𝐈

Active Bot: Loading...

GOLDEN QUEEN MINI ABOUT

Golden Queen Mini WhatsApp User bot යනු Free Deploy & Auto Connected Multidevice Whatsapp Bot එකක් වන අතර ඔබට Social Media Files, Downloading, Status Auto Seen, React, Anti delete Msg, View Once Media ලබා ගැනීමට හා Auto Contact Save ඇතුළු තවත් විශේෂාංග ලබා දේ.