:root {
    --primary-dark: #0a0d12;
    --secondary-dark: #12151c;
    --accent-gold: #d4af37;
    --accent-blue: #66c0f4;
    --accent-red: #ff4444;
    --terminal-green: #0f0;
    --text-primary: #c6d4df;
    --text-secondary: #8f98a0;
    --glass-bg: rgba(26, 31, 46, 0.85);
    --glass-bg-enhanced: rgba(26, 31, 46, 0.75);
    --border-subtle: rgba(212, 175, 55, 0.3);
    --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-smooth: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-bounce: 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: "Inter", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", -apple-system, system-ui, sans-serif;
    background: var(--primary-dark);
    color: var(--text-primary);
    min-height: 100vh;
    overflow-x: hidden;
}body::before {content: '';position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: radial-gradient(ellipse at 20% 20%, rgba(102,192,244,0.03) 0%, transparent 50%), radial-gradient(ellipse at 80% 80%, rgba(212,175,55,0.03) 0%, transparent 50%), radial-gradient(ellipse at 50% 50%, rgba(255,68,68,0.02) 0%, transparent 70%);pointer-events: none;z-index: -1;}@keyframes gradientShift {0% {background-position: 0% 50%;}50% {background-position: 100% 50%;}100% {background-position: 0% 50%;}}.particles {position: fixed;top: 0;left: 0;right: 0;bottom: 0;pointer-events: none;z-index: 0;overflow: hidden;}.particle-bg {position: absolute;width: 4px;height: 4px;background: rgba(102,192,244,0.3);border-radius: 50%;animation: floatParticle 20s linear infinite;}@keyframes floatParticle {0% {transform: translateY(100vh) rotate(0deg);opacity: 0;}10% {opacity: 1;}90% {opacity: 1;}100% {transform: translateY(-100vh) rotate(720deg);opacity: 0;}}.fingerprint-data-box {background: #000;border: 1px solid var(--terminal-green);color: var(--terminal-green);font-family: 'Courier New', monospace;padding: 15px;text-align: left;font-size: 0.85rem;margin-bottom: 20px;border-radius: 4px;box-shadow: 0 0 15px rgba(0, 255, 0, 0.15);position: relative;overflow: hidden;}.fingerprint-data-box::before {content: "SYSTEM SCAN COMPLETE";position: absolute;top: 0;left: 0;width: 100%;background: rgba(0, 255, 0, 0.1);border-bottom: 1px solid var(--terminal-green);color: var(--terminal-green);text-align: center;font-weight: bold;font-size: 0.7rem;padding: 2px 0;letter-spacing: 2px;}.fp-row {margin: 8px 0;display: flex;justify-content: space-between;border-bottom: 1px dashed rgba(0, 255, 0, 0.3);padding-bottom: 4px;}.fp-label {color: #0a0;font-weight: bold;}.fp-value {color: #fff;text-shadow: 0 0 5px rgba(0,255,0,0.5);}.fp-vpn-alert {color: #f00;font-weight: bold;animation: blink 1s infinite;}@keyframes blink {0%, 50% {opacity: 1;}51%, 100% {opacity: 0;}}.physics-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 11000;display: none;background: rgba(0,0,0,0.95);pointer-events: none;}#physicsCanvas {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;pointer-events: auto;}.troll-message-content {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: clamp(24px, 5vw, 5rem);font-weight: 900;color: var(--accent-red);text-align: center;text-shadow: 0 0 30px #000;z-index: 2;width: 90%;line-height: 1.1;pointer-events: none;animation: pulse 0.5s infinite alternate;}@keyframes pulse {from {transform: translate(-50%, -50%) scale(1);}to {transform: translate(-50%, -50%) scale(1.05);}}.consent-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.9);display: flex;justify-content: center;align-items: center;z-index: 10000;padding: 15px;}.consent-box {background: linear-gradient(180deg, #1b2838 0%, #171a21 100%);border: 1px solid #2a475e;border-radius: 4px;padding: 30px 40px;max-width: 480px;width: 100%;box-shadow: 0 0 60px rgba(0,0,0,0.8);}.consent-box h3 {color: #fff;font-size: 17px;font-weight: 500;margin-bottom: 20px;text-align: center;}.consent-checkbox-wrap {display: flex;align-items: flex-start;gap: 12px;margin-bottom: 20px;padding: 15px;background: rgba(0,0,0,0.2);border-radius: 3px;}.consent-checkbox-wrap input[type="checkbox"] {width: 16px;height: 16px;margin-top: 2px;cursor: pointer;accent-color: #1a9fff;flex-shrink: 0;}.consent-checkbox-wrap label {color: #8f98a0;font-size: 13px;line-height: 1.5;cursor: pointer;}.consent-checkbox-wrap a {color: #1a9fff;text-decoration: none;}.consent-btn {width: 100%;padding: 12px;background: linear-gradient(90deg, #47bfff 0%, #1a9fff 100%);border: none;border-radius: 3px;color: #fff;font-size: 14px;font-weight: 500;cursor: pointer;transition: all 0.2s;}.consent-btn:disabled {background: #3d4450;color: #6c7680;cursor: not-allowed;}.consent-btn:not(:disabled):hover {box-shadow: 0 0 20px rgba(26,159,255,0.5);}.fireworks-container {position: fixed;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;z-index: 9999;}.shake {animation: shake 0.5s cubic-bezier(.36,.07,.19,.97) both;}@keyframes shake {10%, 90% {transform: translate3d(-1px, 0, 0);}20%, 80% {transform: translate3d(2px, 0, 0);}30%, 50%, 70% {transform: translate3d(-4px, 0, 0);}40%, 60% {transform: translate3d(4px, 0, 0);}}#fireworksCanvas {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;pointer-events: none;}.particle {position: absolute;font-size: 24px;animation: particle-fly 1.5s ease-out forwards;text-shadow: 0 0 10px rgba(255,255,255,0.5);}@keyframes particle-fly {0% {opacity: 1;transform: translate(0, 0) scale(0.5);}100% {opacity: 0;transform: translate(var(--tx), var(--ty)) scale(1.5);}}.thank-you-modal {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.95);display: none;justify-content: center;align-items: flex-start;z-index: 9998;padding: 20px;overflow-y: auto;}.thank-you-box {background: linear-gradient(180deg, #1b2838 0%, #171a21 100%);border: 1px solid #2a475e;border-radius: 4px;padding: 35px;max-width: 680px;width: 100%;margin: 40px 0;}.thank-you-box .crab-emoji {font-size: 50px;text-align: center;display: block;margin-bottom: 15px;animation: crab-dance 0.4s infinite alternate;}@keyframes crab-dance {0% {transform: rotate(-8deg);}100% {transform: rotate(8deg);}}.thank-you-box h2 {font-size: 22px;color: #fff;margin-bottom: 20px;text-align: center;}.reveal-text {color: #8f98a0;font-size: 14px;margin-bottom: 20px;line-height: 1.6;}.reveal-text a {color: #1a9fff;}.terms-agreed {background: rgba(102,192,124,0.1);border: 1px solid rgba(102,192,124,0.4);border-radius: 3px;padding: 18px;margin-bottom: 18px;}.terms-agreed .item {color: #a4d4ae;font-size: 13px;padding: 6px 0;display: flex;align-items: center;gap: 8px;}.terms-agreed .item::before {content: "✓";color: #66c07c;font-weight: bold;}.fingerprint-box {background: rgba(255,68,68,0.1);border: 1px solid rgba(255,68,68,0.4);border-radius: 3px;padding: 15px 18px;margin-bottom: 18px;display: flex;align-items: flex-start;gap: 12px;}.fingerprint-box .icon {font-size: 22px;flex-shrink: 0;}.fingerprint-box .text {color: #ff8888;font-size: 13px;line-height: 1.5;}.fingerprint-box .text strong {color: #ff6b6b;display: block;margin-bottom: 4px;}.fingerprint-box .text a {color: #ffaaaa;}.database-box {background: rgba(102,192,244,0.08);border: 1px solid rgba(102,192,244,0.3);border-radius: 3px;padding: 15px 18px;margin-bottom: 18px;}.database-box h4 {color: #66c0f4;font-size: 13px;margin-bottom: 8px;font-weight: 600;}.database-box p {color: #8f98a0;font-size: 12px;line-height: 1.5;}.rkn-box {background: rgba(255,200,0,0.08);border: 1px dashed rgba(255,200,0,0.5);border-radius: 3px;padding: 15px 18px;margin-bottom: 18px;}.rkn-box h4 {color: #ffd93d;font-size: 13px;margin-bottom: 10px;font-weight: 600;}.rkn-box p {color: #c6d4df;font-size: 12px;line-height: 1.6;margin-bottom: 8px;}.parody-box {background: rgba(139,92,246,0.08);border: 1px solid rgba(139,92,246,0.3);border-radius: 3px;padding: 15px 18px;margin-bottom: 20px;}.parody-box h4 {color: #a78bfa;font-size: 13px;margin-bottom: 10px;font-weight: 600;}.parody-box p {color: #c6d4df;font-size: 12px;line-height: 1.6;margin-bottom: 6px;}.btn-group {display: flex;gap: 10px;margin-top: 20px;flex-wrap: wrap;}.delete-btn {background: rgba(255, 68, 68, 0.1);border: 1px solid rgba(255, 68, 68, 0.3);color: #ff6b6b;padding: 14px;border-radius: 4px;cursor: pointer;font-weight: 600;flex: 1;min-width: 140px;transition: all 0.3s;}.delete-btn:hover {background: rgba(255, 68, 68, 0.2);box-shadow: 0 0 15px rgba(255, 68, 68, 0.3);}.continue-btn {flex: 1;min-width: 140px;padding: 14px;background: linear-gradient(90deg, #47bfff 0%, #1a9fff 100%);border: none;border-radius: 3px;color: #fff;font-size: 14px;font-weight: 500;cursor: pointer;transition: all 0.3s;}.continue-btn:hover {box-shadow: 0 0 20px rgba(26,159,255,0.5);}.main-content {filter: blur(4px);transition: filter 0.4s ease;}.main-content.unlocked {filter: none;}.page-wrapper {max-width: 1400px;margin: 0 auto;padding: 20px;}.content-grid {display: grid;grid-template-columns: 1fr 320px;gap: 30px;}.main-column {min-width: 0;}.sidebar {display: flex;flex-direction: column;gap: 20px;}.floating-sticker {position: fixed;font-size: 28px;animation: float 5s ease-in-out infinite;opacity: 0.3;pointer-events: none;z-index: 50;}@keyframes float {0%, 100% {transform: translateY(0);}50% {transform: translateY(-12px);}}.hero-header {position: relative;background: linear-gradient(135deg, rgba(26,31,46,0.95) 0%, rgba(10,13,18,0.98) 100%);border: 1px solid rgba(212,175,55,0.3);border-radius: 12px;padding: 40px;margin: 20px auto;max-width: 1400px;overflow: hidden;}.hero-header::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: radial-gradient(ellipse at 30% 0%, rgba(212,175,55,0.15) 0%, transparent 50%), radial-gradient(ellipse at 70% 100%, rgba(102,192,244,0.1) 0%, transparent 50%);pointer-events: none;animation: heroGlow 8s ease-in-out infinite alternate;}@keyframes heroGlow {0% {opacity: 0.5;}100% {opacity: 1;}}.hero-content {position: relative;display: flex;align-items: center;gap: 30px;flex-wrap: wrap;z-index: 2;}.avatar-section {position: relative;flex-shrink: 0;}.avatar-wrapper {position: relative;width: 150px;height: 150px;}.avatar-img {width: 120px;height: 120px;border-radius: 4px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 2;}.avatar-frame {position: absolute;width: 150px;height: 150px;top: 0;left: 0;z-index: 3;pointer-events: none;filter: drop-shadow(0 0 10px rgba(212,175,55,0.5));animation: frameGlow 3s ease-in-out infinite alternate;}@keyframes frameGlow {0% {filter: drop-shadow(0 0 10px rgba(212,175,55,0.3));}100% {filter: drop-shadow(0 0 20px rgba(212,175,55,0.7));}}.status-banned {position: absolute;bottom: 5px;left: 50%;transform: translateX(-50%);background: linear-gradient(90deg, #ff4444, #cc0000);color: #fff;font-size: 11px;font-weight: 700;padding: 5px 16px;border-radius: 3px;text-transform: uppercase;letter-spacing: 1px;z-index: 4;box-shadow: 0 0 15px rgba(255,68,68,0.5);animation: bannedPulse 2s ease-in-out infinite;}@keyframes bannedPulse {0%, 100% {box-shadow: 0 0 15px rgba(255,68,68,0.5);}50% {box-shadow: 0 0 25px rgba(255,68,68,0.8);}}.profile-info {flex: 1;min-width: 280px;}.username {font-size: 32px;font-weight: 700;color: #fff;margin-bottom: 8px;position: relative;display: inline-block;}.username.glitch {animation: glitch 3s infinite;}.username.glitch::before, .username.glitch::after {content: attr(data-text);position: absolute;top: 0;left: 0;width: 100%;height: 100%;}.username.glitch::before {color: #ff00ff;animation: glitch-1 0.3s infinite;clip-path: polygon(0 0, 100% 0, 100% 35%, 0 35%);transform: translate(-2px);}.username.glitch::after {color: #00ffff;animation: glitch-2 0.3s infinite;clip-path: polygon(0 65%, 100% 65%, 100% 100%, 0 100%);transform: translate(2px);}@keyframes glitch-1 {0%, 100% {transform: translate(0);}20% {transform: translate(-3px, 3px);}40% {transform: translate(-3px, -3px);}60% {transform: translate(3px, 3px);}80% {transform: translate(3px, -3px);}}@keyframes glitch-2 {0%, 100% {transform: translate(0);}20% {transform: translate(3px, -3px);}40% {transform: translate(3px, 3px);}60% {transform: translate(-3px, -3px);}80% {transform: translate(-3px, 3px);}}.location {color: var(--text-secondary);font-size: 15px;margin-bottom: 15px;display: flex;align-items: center;gap: 8px;}.flag-icon {width: 20px;height: 14px;}.profile-question {color: var(--text-secondary);font-size: 14px;line-height: 1.6;padding: 12px 18px;background: rgba(0,0,0,0.4);border-left: 3px solid var(--accent-gold);border-radius: 0 6px 6px 0;margin-bottom: 15px;min-height: 50px;}.typed-cursor {color: var(--accent-gold);animation: cursorBlink 0.7s infinite;font-weight: 100;}@keyframes cursorBlink {0%, 50% {opacity: 1;}51%, 100% {opacity: 0;}}.profile-social-icons {display: flex;gap: 10px;margin-bottom: 10px;}.profile-social-link {text-decoration: none;}.profile-social-icon {width: 42px;height: 42px;border-radius: 8px;display: flex;align-items: center;justify-content: center;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);border: 1px solid rgba(255,255,255,0.1);}.profile-social-icon:hover {transform: translateY(-4px) scale(1.1);}.profile-icon-svg {width: 20px;height: 20px;fill: #fff;}.profile-twitter {background: linear-gradient(135deg, #1da1f2, #0d8ecf);}.profile-twitter:hover {box-shadow: 0 10px 30px rgba(29,161,242,0.4);}.profile-instagram {background: linear-gradient(135deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);}.profile-instagram:hover {box-shadow: 0 10px 30px rgba(225,48,108,0.4);}.profile-telegram {background: linear-gradient(135deg, #0088cc, #006daa);}.profile-telegram:hover {box-shadow: 0 10px 30px rgba(0,136,204,0.4);}.profile-email {background: linear-gradient(135deg, #666, #444);}.profile-email:hover {box-shadow: 0 10px 30px rgba(102,102,102,0.4);}.profile-badges {display: flex;gap: 8px;}.profile-badge {width: 24px;height: 24px;animation: badgeBounce 2s ease-in-out infinite;}@keyframes badgeBounce {0%, 100% {transform: translateY(0);}50% {transform: translateY(-5px);}}.level-container {flex-shrink: 0;}.level-badge {width: 100px;height: 100px;border: 3px solid var(--accent-gold);border-radius: 50%;display: flex;align-items: center;justify-content: center;background: radial-gradient(circle at 30% 30%, rgba(212,175,55,0.3), transparent 70%);box-shadow: 0 0 30px rgba(212,175,55,0.4), inset 0 0 20px rgba(212,175,55,0.1);animation: levelPulse 3s ease-in-out infinite;text-decoration: none;transition: all 0.3s ease;}.level-badge:hover {transform: scale(1.1);box-shadow: 0 0 50px rgba(212,175,55,0.6), inset 0 0 30px rgba(212,175,55,0.2);}@keyframes levelPulse {0%, 100% {box-shadow: 0 0 30px rgba(212,175,55,0.4), inset 0 0 20px rgba(212,175,55,0.1);}50% {box-shadow: 0 0 50px rgba(212,175,55,0.6), inset 0 0 30px rgba(212,175,55,0.2);}}.level-number {font-size: 28px;font-weight: 700;background: linear-gradient(135deg, #f0d977, #d4af37, #b8941e);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;filter: drop-shadow(0 0 8px rgba(212,175,55,0.5));}.stats-banner {display: grid;grid-template-columns: repeat(4, 1fr);gap: 15px;margin-top: 30px;position: relative;z-index: 2;}.stat-box {background: rgba(0,0,0,0.4);border: 1px solid rgba(102,192,244,0.2);border-radius: 8px;padding: 20px 15px;text-align: center;transition: all 0.3s ease;position: relative;overflow: hidden;}.stat-box::before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(102,192,244,0.1), transparent);transition: left 0.5s ease;}.stat-box:hover::before {left: 100%;}.stat-box:hover {border-color: rgba(102,192,244,0.5);transform: translateY(-3px);box-shadow: 0 10px 30px rgba(0,0,0,0.3);}.stat-val {display: block;font-size: 28px;font-weight: 700;color: var(--accent-blue);margin-bottom: 5px;}.stat-lbl {font-size: 11px;color: var(--text-secondary);text-transform: uppercase;letter-spacing: 0.5px;}.hero-links {display: flex;gap: 15px;margin-top: 25px;flex-wrap: wrap;position: relative;z-index: 2;}.hero-link-btn {padding: 14px 28px;background: linear-gradient(135deg, #47bfff 0%, #1a9fff 100%);color: #fff;text-decoration: none;border-radius: 8px;font-size: 14px;font-weight: 600;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow: 0 4px 15px rgba(26,159,255,0.3);position: relative;overflow: hidden;}.hero-link-btn::before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);transition: left 0.5s ease;}.hero-link-btn:hover::before {left: 100%;}.hero-link-btn:hover {transform: translateY(-3px);box-shadow: 0 8px 25px rgba(26,159,255,0.5);}.hero-link-btn.red {background: linear-gradient(135deg, #ff6b6b 0%, #ff4444 100%);box-shadow: 0 4px 15px rgba(255,68,68,0.3);}.hero-link-btn.red:hover {box-shadow: 0 8px 25px rgba(255,68,68,0.5);}.section {margin-bottom: 30px;}.section h2 {font-size: 18px;color: #fff;margin-bottom: 18px;padding-bottom: 10px;border-bottom: 1px solid rgba(102,192,244,0.2);}.fact-card {background: var(--glass-bg);border-left: 3px solid var(--accent-blue);padding: 18px 22px;margin-bottom: 12px;border-radius: 0 4px 4px 0;transition: all 0.3s ease;}.fact-card:hover {transform: translateX(5px);box-shadow: 0 5px 20px rgba(0,0,0,0.3);}.fact-card.red {border-left-color: #ff4444;}.fact-card.green {border-left-color: #66c07c;}.fact-card.yellow {border-left-color: #ffd93d;}.fact-card h3 {color: #fff;font-size: 15px;font-weight: 500;margin-bottom: 10px;}.fact-card p {color: var(--text-secondary);font-size: 13px;line-height: 1.7;margin-bottom: 8px;}.fact-card .highlight {color: var(--accent-blue);font-weight: 500;}.fact-card .highlight.red {color: #ff6b6b;}.fact-card .quote {background: rgba(0,0,0,0.2);padding: 12px 15px;border-radius: 3px;margin-top: 10px;font-style: italic;border-left: 2px solid #ffd93d;color: var(--text-primary);}.video-section {margin-bottom: 30px;}.video-box {background: var(--glass-bg);border: 1px solid var(--border-subtle);border-radius: 8px;padding: 25px;margin-bottom: 20px;transition: all 0.3s ease;}.video-box:hover {border-color: rgba(212,175,55,0.5);box-shadow: 0 10px 40px rgba(0,0,0,0.3);}.video-box h3 {color: #fff;font-size: 16px;margin-bottom: 12px;}.video-box p {color: var(--text-secondary);font-size: 13px;margin-bottom: 15px;line-height: 1.6;}.video-embed {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;border-radius: 6px;}.video-embed iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 0;}.threats-section {background: var(--glass-bg);border: 1px solid rgba(255,68,68,0.3);border-radius: 8px;padding: 25px;margin-bottom: 30px;}.threats-section h2 {color: #ff6b6b;border-bottom-color: rgba(255,68,68,0.3);}.threat-screenshot {max-width: 100%;border-radius: 6px;margin: 15px 0;cursor: pointer;transition: transform 0.2s;}.threat-screenshot:hover {transform: scale(1.02);}.translation-box, .context-box {background: rgba(0,0,0,0.2);border-radius: 4px;padding: 15px;margin: 10px 0;}.translation-box h4, .context-box h4 {color: #66c07c;font-size: 13px;margin-bottom: 8px;display: flex;align-items: center;gap: 6px;}.context-box h4 {color: var(--accent-blue);}.translation-text {color: #a4d4ae;font-style: italic;}.context-text {color: var(--text-secondary);font-size: 12px;}.bounty-box {background: linear-gradient(135deg, rgba(255,200,0,0.15) 0%, rgba(255,68,68,0.1) 100%);border: 2px solid #ffd93d;border-radius: 8px;padding: 20px;margin-top: 15px;}.bounty-box h4 {color: #ffd93d;font-size: 16px;margin-bottom: 10px;}.bounty-box p {color: #fff;font-size: 14px;line-height: 1.6;}.bounty-amount {font-size: 24px;font-weight: 700;color: #66c07c;}.timeline-section {margin-bottom: 30px;}.timeline-section h2 {font-size: 18px;color: #fff;margin-bottom: 18px;padding-bottom: 10px;border-bottom: 1px solid rgba(255,68,68,0.3);}.timeline {position: relative;padding-left: 30px;}.timeline::before {content: '';position: absolute;left: 8px;top: 0;bottom: 0;width: 2px;background: linear-gradient(180deg, #ff4444, #ffd93d, #66c0f4);}.timeline-item {position: relative;margin-bottom: 20px;padding: 15px 20px;background: var(--glass-bg);border-radius: 6px;border-left: 3px solid #ff4444;}.timeline-item::before {content: '';position: absolute;left: -26px;top: 20px;width: 12px;height: 12px;background: #ff4444;border-radius: 50%;box-shadow: 0 0 10px rgba(255,68,68,0.5);}.timeline-item h4 {color: #fff;font-size: 14px;margin-bottom: 6px;}.timeline-item p {color: var(--text-secondary);font-size: 13px;line-height: 1.5;}.timeline-item.highlight-item {border-left-color: #ffd93d;}.timeline-item.highlight-item::before {background: #ffd93d;box-shadow: 0 0 10px rgba(255,217,61,0.5);}.lawyers-fail-box {background: rgba(255,68,68,0.08);border: 1px solid rgba(255,68,68,0.3);border-radius: 8px;padding: 25px;margin-top: 25px;}.lawyers-fail-box h3 {color: #ff6b6b;font-size: 16px;margin-bottom: 20px;text-align: center;}.fail-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 15px;}.fail-item {background: rgba(0,0,0,0.3);padding: 15px;border-radius: 6px;text-align: center;}.fail-item .fail-icon {font-size: 24px;display: block;margin-bottom: 8px;}.fail-item strong {color: #fff;display: block;font-size: 13px;margin-bottom: 6px;}.fail-item p {color: var(--text-secondary);font-size: 12px;line-height: 1.4;margin: 0;}.fail-item.epic-fail {background: rgba(255,68,68,0.2);border: 1px solid rgba(255,68,68,0.4);}.fail-item.epic-fail strong {color: #ff6b6b;}.coming-soon-box {background: linear-gradient(135deg, rgba(102,192,244,0.1), rgba(139,92,246,0.1));border: 1px dashed rgba(102,192,244,0.4);border-radius: 8px;padding: 20px;margin-top: 25px;text-align: center;}.coming-soon-box h4 {color: #66c0f4;margin-bottom: 10px;}.coming-soon-box p {color: var(--text-secondary);font-size: 13px;margin-bottom: 8px;}.nazi-section {background: linear-gradient(180deg, rgba(60,30,30,0.5) 0%, rgba(40,20,20,0.5) 100%);border: 1px solid rgba(255,68,68,0.3);border-radius: 8px;padding: 25px;margin-bottom: 30px;}.nazi-section h2 {color: #ff6b6b;}.evidence-box {background: rgba(255,68,68,0.1);border: 1px solid rgba(255,68,68,0.3);border-radius: 3px;padding: 15px;margin-top: 12px;}.evidence-box h4 {color: #ff6b6b;font-size: 12px;margin-bottom: 10px;}.patriots-roast-box {background: linear-gradient(135deg, rgba(255,68,68,0.1) 0%, rgba(139,92,246,0.08) 100%);border: 1px solid rgba(255,68,68,0.3);border-radius: 8px;padding: 25px;margin-bottom: 25px;position: relative;overflow: hidden;}.patriots-roast-box::before {content: '🤡';position: absolute;top: 10px;right: 15px;font-size: 40px;opacity: 0.15;}.patriots-roast-box h3 {color: #ff6b6b;font-size: 16px;margin-bottom: 15px;}.patriots-roast-box .question {color: #ffd93d;font-size: 15px;font-weight: 600;margin-bottom: 12px;}.patriots-roast-box p {color: var(--text-secondary);font-size: 13px;line-height: 1.7;margin-bottom: 10px;}.patriots-roast-box .reality-check {display: grid;grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));gap: 12px;margin: 15px 0;}.patriots-roast-box .reality-item {background: rgba(0,0,0,0.3);padding: 12px;border-radius: 6px;text-align: center;}.patriots-roast-box .reality-item .icon {font-size: 24px;margin-bottom: 6px;display: block;}.patriots-roast-box .reality-item .label {color: #8f98a0;font-size: 11px;display: block;margin-bottom: 4px;}.patriots-roast-box .reality-item .value {color: #ff6b6b;font-size: 13px;font-weight: 600;}.patriots-roast-box .future-paths {display: flex;gap: 10px;justify-content: center;flex-wrap: wrap;margin-top: 15px;}.patriots-roast-box .path {background: rgba(255,68,68,0.15);border: 1px solid rgba(255,68,68,0.3);padding: 8px 15px;border-radius: 20px;font-size: 12px;color: #ffaaaa;}.patriots-roast-box .path-arrow {color: #666;}.database-section {margin-top: 40px;}.db-intro {color: var(--text-secondary);font-size: 14px;margin-bottom: 20px;line-height: 1.6;}.db-warning {background: rgba(255,200,0,0.08);border: 1px dashed rgba(255,200,0,0.4);border-radius: 4px;padding: 15px;margin-bottom: 20px;}.db-warning p {color: #ffd93d;font-size: 12px;line-height: 1.5;margin: 0;}.db-warning strong {color: #ff6b6b;}.method-explanation {background: rgba(139,92,246,0.08);border: 1px solid rgba(139,92,246,0.3);border-radius: 6px;padding: 18px;margin-bottom: 20px;}.db-stats {display: flex;gap: 15px;margin-bottom: 20px;flex-wrap: wrap;}.db-stat {background: rgba(102,192,244,0.1);border: 1px solid rgba(102,192,244,0.3);padding: 15px 25px;border-radius: 4px;text-align: center;flex: 1;min-width: 100px;}.db-stat .num {display: block;font-size: 24px;font-weight: 600;color: var(--accent-blue);}.db-stat .lbl {font-size: 11px;color: var(--text-secondary);text-transform: uppercase;}.db-search {margin-bottom: 20px;}.db-search input {width: 100%;padding: 12px 16px;background: rgba(0,0,0,0.3);border: 1px solid rgba(102,192,244,0.3);border-radius: 4px;color: #fff;font-size: 14px;outline: none;transition: border-color 0.3s ease;}.db-search input:focus {border-color: var(--accent-blue);}.db-list {display: flex;flex-direction: column;gap: 12px;}.login-card {background: var(--glass-bg);border: 1px solid rgba(255,68,68,0.3);border-radius: 4px;overflow: hidden;transition: all 0.3s ease;}.login-card:hover {box-shadow: 0 5px 25px rgba(255,68,68,0.2);}.login-header {display: flex;justify-content: space-between;align-items: center;padding: 15px 18px;cursor: pointer;}.login-header:hover {background: rgba(255,68,68,0.1);}.login-name {display: flex;align-items: center;gap: 10px;}.login-name .name {font-size: 15px;font-weight: 500;color: #fff;font-family: monospace;}.login-badge {background: rgba(255,68,68,0.2);color: #ff6b6b;padding: 4px 10px;border-radius: 3px;font-size: 11px;}.login-toggle {color: var(--text-secondary);font-size: 12px;transition: transform 0.2s;}.login-card.expanded .login-toggle {transform: rotate(180deg);}.login-details {display: none;padding: 0 18px 18px;border-top: 1px solid rgba(255,68,68,0.2);}.login-card.expanded .login-details {display: block;}.leak-item {background: rgba(0,0,0,0.2);border-radius: 4px;padding: 15px;margin-top: 12px;}.leak-name {color: #ffd93d;font-size: 13px;font-weight: 600;margin-bottom: 8px;}.leak-name::before {content: "💾 ";}.leak-desc {color: var(--text-secondary);font-size: 11px;line-height: 1.5;margin-bottom: 12px;padding: 10px;background: rgba(0,0,0,0.2);border-radius: 3px;border-left: 2px solid #ffd93d;}.leak-records {display: flex;flex-direction: column;gap: 8px;}.record-item {background: rgba(255,68,68,0.08);border: 1px solid rgba(255,68,68,0.2);border-radius: 3px;padding: 10px 12px;}.record-field {display: flex;gap: 8px;margin-bottom: 4px;font-size: 12px;}.record-field .key {color: var(--accent-blue);font-weight: 500;min-width: 80px;}.record-field .value {color: #ff8888;font-family: monospace;word-break: break-all;}.db-pagination {display: flex;justify-content: center;align-items: center;gap: 15px;margin-top: 25px;padding-top: 20px;border-top: 1px solid rgba(102,192,244,0.2);}.page-btn {background: rgba(102,192,244,0.1);border: 1px solid rgba(102,192,244,0.3);color: var(--accent-blue);padding: 10px 20px;border-radius: 4px;cursor: pointer;font-size: 13px;transition: all 0.3s ease;}.page-btn:hover:not(:disabled) {background: rgba(102,192,244,0.2);}.page-btn:disabled {opacity: 0.5;cursor: not-allowed;}.db-loading {text-align: center;padding: 40px;color: var(--text-secondary);}.db-loading .spinner {display: inline-block;width: 30px;height: 30px;border: 3px solid rgba(102,192,244,0.3);border-top-color: var(--accent-blue);border-radius: 50%;animation: spin 0.8s linear infinite;margin-bottom: 10px;}@keyframes spin {to {transform: rotate(360deg);}}.leak-explanation-card {background: linear-gradient(180deg, rgba(255,68,68,0.1) 0%, rgba(40,20,20,0.3) 100%);border: 1px solid rgba(255,68,68,0.3);border-radius: 8px;padding: 25px;margin-bottom: 25px;}.leak-explanation-card h3 {color: #ff6b6b;font-size: 16px;margin-bottom: 15px;}.leak-explanation-card p {color: var(--text-secondary);font-size: 14px;line-height: 1.7;margin-bottom: 12px;}.leak-explanation-card .explanation-highlight {background: rgba(255,68,68,0.15);border-left: 3px solid #ff4444;padding: 15px 20px;margin: 15px 0;border-radius: 0 4px 4px 0;}.leak-explanation-card .explanation-highlight p {margin-bottom: 8px;color: #ffaaaa;}.leak-explanation-card .final-note {color: #ffd93d;font-style: italic;}.leak-link-btn {display: inline-block;margin-top: 15px;padding: 12px 24px;background: linear-gradient(90deg, #ff6b6b, #ff4444);color: #fff;text-decoration: none;border-radius: 4px;font-size: 14px;font-weight: 500;transition: all 0.2s;}.leak-link-btn:hover {box-shadow: 0 0 20px rgba(255,68,68,0.4);transform: translateY(-2px);}.profile_customization {background: var(--glass-bg);border: 1px solid var(--border-subtle);border-radius: 8px;overflow: hidden;transition: all 0.3s ease;}.profile_customization:hover {border-color: rgba(212,175,55,0.5);transform: translateY(-3px);}.profile_customization_header {background: rgba(0,0,0,0.3);padding: 12px 15px;font-size: 13px;color: var(--accent-gold);display: flex;align-items: center;gap: 8px;font-weight: 500;}.profile_customization_header svg {width: 18px;height: 18px;fill: var(--accent-gold);}.profile_customization_block {padding: 15px;}.workshop_grid {display: grid;grid-template-columns: repeat(5, 1fr);gap: 8px;}.workshop_item img {width: 100%;border-radius: 4px;transition: transform 0.2s;}.workshop_item:hover img {transform: scale(1.05);}.level_showcase_content {text-align: center;}.level_circle {width: 100px;height: 100px;border-radius: 50%;border: 3px solid var(--accent-gold);display: flex;align-items: center;justify-content: center;margin: 0 auto 15px;background: linear-gradient(145deg, rgba(212,175,55,0.2), rgba(212,175,55,0.05));box-shadow: 0 0 30px rgba(212,175,55,0.4);}.level_number_large {font-size: 28px;font-weight: 700;color: var(--accent-gold);}.level_stat {margin-bottom: 10px;}.level_stat_value {font-size: 18px;color: #fff;font-weight: 600;}.level_stat_label {font-size: 11px;color: var(--text-secondary);}.level_progress_bar {height: 6px;background: rgba(0,0,0,0.3);border-radius: 3px;overflow: hidden;margin: 10px 0;}.level_progress_fill {height: 100%;background: linear-gradient(90deg, var(--accent-gold), #f0d977);border-radius: 3px;}.level_next {font-size: 11px;color: var(--text-secondary);}.valve-question-box {background: rgba(255,68,68,0.1);border: 1px solid rgba(255,68,68,0.3);border-radius: 4px;padding: 12px;margin-top: 15px;}.valve-question-text {color: #ff8888;font-size: 12px;line-height: 1.5;}.valve-question-text strong {color: #ff6b6b;}.item_grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 8px;}.showcase_item {border-radius: 4px;overflow: hidden;border: 2px solid var(--rarity-color, #8650AC);transition: transform 0.2s;}.showcase_item img {width: 100%;display: block;}.showcase_item:hover {transform: scale(1.05);}.game_grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 10px;}.game_img {width: 100%;border-radius: 4px;}.achievement_stats {display: flex;justify-content: center;gap: 40px;margin-top: 15px;padding-top: 15px;border-top: 1px solid rgba(255,255,255,0.1);}.stat_item {text-align: center;}.stat_value {font-size: 24px;color: var(--accent-gold);font-weight: 600;}.stat_label {font-size: 11px;color: var(--text-secondary);}.customtext_showcase {font-size: 13px;line-height: 1.6;}.bb_h1 {color: var(--accent-gold);font-size: 12px;text-align: center;margin: 10px 0;}.customtext_showcase a {color: var(--accent-blue);}.archive_profile_button {display: block;background: linear-gradient(90deg, #47bfff, #1a9fff);color: #fff;text-align: center;padding: 14px;border-radius: 6px;text-decoration: none;font-weight: 500;transition: all 0.2s;}.archive_profile_button:hover {box-shadow: 0 0 20px rgba(26,159,255,0.4);transform: translateY(-2px);}.footer {background: linear-gradient(180deg, var(--secondary-dark) 0%, #0a0d12 100%);border-top: 1px solid rgba(102,192,244,0.2);padding: 40px 20px;text-align: center;margin-top: 40px;}.footer .main-slogan {font-size: 20px;color: #fff;margin-bottom: 10px;}.footer p {color: var(--text-secondary);font-size: 13px;margin-bottom: 8px;}@media (max-width: 1000px) {.content-grid {grid-template-columns: 1fr;}.sidebar {order: -1;}}@media (max-width: 900px) {.stats-banner {grid-template-columns: repeat(2, 1fr);}}@media (max-width: 768px) {.page-wrapper {padding: 10px;}.content-grid {gap: 15px;}.hero-header {padding: 25px 20px;}.hero-content {justify-content: center;text-align: center;flex-direction: column;}.profile-info {text-align: center;min-width: auto;}.location {justify-content: center;}.profile-social-icons {justify-content: center;}.profile-badges {justify-content: center;}.username {font-size: 24px;}.level-badge {width: 80px;height: 80px;}.level-number {font-size: 22px;}.avatar-wrapper {width: 130px;height: 130px;}.avatar-img {width: 100px;height: 100px;}.avatar-frame {width: 130px;height: 130px;}.stat-val {font-size: 22px;}.hero-links {justify-content: center;}.hero-link-btn {padding: 12px 20px;font-size: 13px;}.fact-card {padding: 14px 16px;}.fact-card h3 {font-size: 14px;}.fact-card p {font-size: 12px;}.video-box {padding: 15px;}.video-box h3 {font-size: 14px;}.threats-section, .nazi-section {padding: 18px;}.timeline {padding-left: 20px;}.timeline-item {padding: 12px 15px;}.lawyers-fail-box {padding: 15px;}.fail-grid {grid-template-columns: 1fr 1fr;gap: 10px;}.fail-item {padding: 10px;}.fail-item .fail-icon {font-size: 20px;}.fail-item strong {font-size: 11px;}.fail-item p {font-size: 10px;}.patriots-roast-box {padding: 18px;}.patriots-roast-box .reality-check {grid-template-columns: 1fr 1fr;}.patriots-roast-box .future-paths {gap: 6px;}.patriots-roast-box .path {padding: 6px 10px;font-size: 10px;}.patriots-roast-box .path-arrow {transform: rotate(90deg);}.timeline::before {left: 4px;}.timeline-item::before {left: -20px;width: 10px;height: 10px;}.video-embed {padding-bottom: 75%;}}@media (max-width: 480px) {.hero-header {padding: 15px;margin: 10px;}.stats-banner {grid-template-columns: 1fr 1fr;gap: 10px;}.stat-box {padding: 15px 10px;}.stat-val {font-size: 20px;}.hero-links {flex-direction: column;}.hero-link-btn {width: 100%;text-align: center;}.fail-grid {grid-template-columns: 1fr;}.patriots-roast-box .reality-check {grid-template-columns: 1fr;}.patriots-roast-box .future-paths {flex-direction: column;align-items: center;}.patriots-roast-box .path-arrow {transform: rotate(90deg);}.timeline::before {left: 4px;}.timeline-item::before {left: -20px;width: 10px;height: 10px;}.video-embed {padding-bottom: 75%;}}img.emoji {height: 1.2em;width: 1.2em;vertical-align: -0.1em;display: inline-block;}.particle {font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif !important;font-size: 22px;line-height: 1;}#fp-extended {margin-top: 18px;background: rgba(0,0,0,0.35);border: 1px solid rgba(102,192,244,0.25);border-radius: 8px;padding: 14px 16px;font-size: 12.5px;}.fp-row {display: flex;justify-content: space-between;align-items: center;padding: 6px 0;border-bottom: 1px dashed rgba(102,192,244,0.15);}.fp-row:last-child {border-bottom: none;}.fp-label {color: #8f98a0;font-weight: 500;}.fp-value {color: #e5e7eb;font-weight: 600;max-width: 65%;text-align: right;word-break: break-word;}.fp-vpn-alert {background: rgba(255,68,68,0.12);border: 1px solid rgba(255,68,68,0.45);border-radius: 6px;padding: 8px 10px;margin: 6px 0;color: #ff6b6b;font-weight: 700;display: flex;justify-content: space-between;}.fp-ok {color: #66c07c;}
#fp-extended .fp-row:hover {background: rgba(102,192,244,0.06);}

/* ===== ENHANCED ANIMATIONS & EFFECTS ===== */

/* GPU Acceleration for animated elements */
.particle-bg,
.floating-sticker,
.avatar-frame,
.level-badge,
.hero-link-btn,
.fact-card,
.profile_customization,
.stat-box,
.video-box,
.login-card {
    will-change: transform;
    transform: translateZ(0);
    backface-visibility: hidden;
}

/* Enhanced glass effects with backdrop-filter */
.consent-box,
.thank-you-box {
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    background: rgba(27, 40, 56, 0.85);
}

.hero-header {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.profile_customization,
.fact-card,
.video-box,
.threats-section,
.nazi-section,
.patriots-roast-box,
.lawyers-fail-box {
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

/* Improved particle animation */
.particle-bg {
    will-change: transform, opacity;
    animation: floatParticle 20s linear infinite;
    filter: blur(0.5px);
}

@keyframes floatParticle {
    0% {
        transform: translateY(100vh) translateZ(0) rotate(0deg) scale(0.8);
        opacity: 0;
    }
    5% {
        opacity: 0.6;
    }
    50% {
        opacity: 1;
    }
    95% {
        opacity: 0.6;
    }
    100% {
        transform: translateY(-100vh) translateZ(0) rotate(720deg) scale(1.2);
        opacity: 0;
    }
}

/* Enhanced floating stickers */
.floating-sticker {
    will-change: transform, opacity;
    filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.2));
}

@keyframes float {
    0%, 100% {
        transform: translateY(0) translateZ(0) rotate(-3deg);
    }
    25% {
        transform: translateY(-8px) translateZ(0) rotate(0deg);
    }
    50% {
        transform: translateY(-15px) translateZ(0) rotate(3deg);
    }
    75% {
        transform: translateY(-8px) translateZ(0) rotate(0deg);
    }
}

/* Smooth hover transitions for cards */
.fact-card {
    transition: transform var(--transition-smooth),
                box-shadow var(--transition-smooth),
                border-color var(--transition-smooth);
}

.fact-card:hover {
    transform: translateX(8px) translateZ(0);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4),
                0 0 0 1px rgba(102, 192, 244, 0.1);
}

/* Enhanced video box hover */
.video-box {
    transition: transform var(--transition-smooth),
                box-shadow var(--transition-smooth),
                border-color var(--transition-smooth);
}

.video-box:hover {
    transform: translateY(-5px) translateZ(0);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4),
                0 0 30px rgba(212, 175, 55, 0.1);
}

/* Enhanced profile customization cards */
.profile_customization {
    transition: transform var(--transition-bounce),
                box-shadow var(--transition-smooth),
                border-color var(--transition-smooth);
}

.profile_customization:hover {
    transform: translateY(-5px) scale(1.01) translateZ(0);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4),
                0 0 20px rgba(212, 175, 55, 0.15);
}

/* Enhanced stat boxes */
.stat-box {
    transition: transform var(--transition-bounce),
                box-shadow var(--transition-smooth),
                border-color var(--transition-smooth);
}

.stat-box:hover {
    transform: translateY(-5px) scale(1.02) translateZ(0);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4);
}

/* Enhanced button effects */
.hero-link-btn,
.consent-btn,
.continue-btn,
.delete-btn,
.archive_profile_button,
.leak-link-btn,
.page-btn {
    transition: transform var(--transition-bounce),
                box-shadow var(--transition-smooth);
}

.hero-link-btn:hover {
    transform: translateY(-4px) scale(1.02) translateZ(0);
}

.consent-btn:not(:disabled):hover,
.continue-btn:hover {
    transform: translateY(-2px) translateZ(0);
}

.delete-btn:hover {
    transform: translateY(-2px) translateZ(0);
    box-shadow: 0 8px 25px rgba(255, 68, 68, 0.4);
}

/* Enhanced level badge */
.level-badge {
    transition: transform var(--transition-bounce),
                box-shadow var(--transition-smooth);
}

.level-badge:hover {
    transform: scale(1.12) translateZ(0);
}

/* Enhanced social icons */
.profile-social-icon {
    transition: transform var(--transition-bounce),
                box-shadow var(--transition-smooth);
}

.profile-social-icon:hover {
    transform: translateY(-5px) scale(1.15) translateZ(0);
}

/* Enhanced timeline items */
.timeline-item {
    transition: transform var(--transition-smooth),
                box-shadow var(--transition-smooth);
}

.timeline-item:hover {
    transform: translateX(5px) translateZ(0);
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.3);
}

/* Enhanced login cards */
.login-card {
    transition: transform var(--transition-smooth),
                box-shadow var(--transition-smooth);
}

.login-card:hover {
    transform: translateY(-2px) translateZ(0);
}

/* Enhanced image hovers */
.workshop_item img,
.showcase_item,
.game_img,
.threat-screenshot {
    transition: transform var(--transition-smooth),
                box-shadow var(--transition-smooth);
}

.workshop_item:hover img {
    transform: scale(1.08) translateZ(0);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.showcase_item:hover {
    transform: scale(1.08) translateZ(0);
    box-shadow: 0 5px 15px rgba(134, 80, 172, 0.4);
}

.game_img:hover {
    transform: scale(1.05) translateZ(0);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

/* Enhanced input focus states */
.db-search input {
    transition: border-color var(--transition-fast),
                box-shadow var(--transition-fast);
}

.db-search input:focus {
    border-color: var(--accent-blue);
    box-shadow: 0 0 0 3px rgba(102, 192, 244, 0.2),
                0 0 20px rgba(102, 192, 244, 0.1);
}

/* Smooth scrollbar */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background: var(--primary-dark);
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, var(--accent-blue), var(--accent-gold));
    border-radius: 5px;
    border: 2px solid var(--primary-dark);
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #7dd0ff, #e6c755);
}

/* Enhanced glitch effect */
.username.glitch {
    animation: glitch 4s infinite;
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
}

@keyframes glitch {
    0%, 90%, 100% {
        text-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
    }
    91% {
        text-shadow: -3px 0 #ff00ff, 3px 0 #00ffff;
    }
    92% {
        text-shadow: 3px 0 #ff00ff, -3px 0 #00ffff;
    }
    93% {
        text-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
    }
    94% {
        text-shadow: -2px 0 #ff00ff, 2px 0 #00ffff;
    }
    95% {
        text-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
    }
}

/* Enhanced crab dance */
@keyframes crab-dance {
    0% {
        transform: rotate(-10deg) scale(1);
    }
    50% {
        transform: rotate(10deg) scale(1.1);
    }
    100% {
        transform: rotate(-10deg) scale(1);
    }
}

/* Shimmer effect for highlights */
.highlight {
    position: relative;
    display: inline;
}

.bounty-amount {
    animation: shimmer 3s infinite;
    background: linear-gradient(90deg, #66c07c 0%, #a4d4ae 50%, #66c07c 100%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

@keyframes shimmer {
    0% {
        background-position: -200% center;
    }
    100% {
        background-position: 200% center;
    }
}

/* Enhanced focus states for accessibility */
a:focus-visible,
button:focus-visible,
input:focus-visible {
    outline: 2px solid var(--accent-blue);
    outline-offset: 2px;
}

/* ===== IMPROVED RESPONSIVE DESIGN ===== */

/* Tablet landscape */
@media (max-width: 1200px) {
    .hero-content {
        gap: 25px;
    }

    .stats-banner {
        gap: 12px;
    }

    .hero-links {
        gap: 12px;
    }
}

/* Tablet portrait */
@media (max-width: 900px) {
    .floating-sticker {
        font-size: 24px;
        opacity: 0.2;
    }

    .hero-header {
        margin: 15px;
    }

    .workshop_grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Mobile landscape */
@media (max-width: 768px) {
    .floating-sticker {
        display: none;
    }

    .workshop_grid {
        grid-template-columns: repeat(4, 1fr);
    }

    .item_grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .consent-box {
        padding: 25px 20px;
    }

    .thank-you-box {
        padding: 25px 20px;
        margin: 20px 0;
    }

    .terms-agreed .item {
        font-size: 12px;
    }

    .btn-group {
        flex-direction: column;
    }

    .delete-btn,
    .continue-btn {
        width: 100%;
    }
}

/* Mobile portrait */
@media (max-width: 480px) {
    .username {
        font-size: 20px;
    }

    .location {
        font-size: 13px;
    }

    .profile-question {
        font-size: 12px;
        padding: 10px 14px;
    }

    .profile-social-icon {
        width: 38px;
        height: 38px;
    }

    .profile-icon-svg {
        width: 16px;
        height: 16px;
    }

    .level-badge {
        width: 70px;
        height: 70px;
    }

    .level-number {
        font-size: 18px;
    }

    .avatar-wrapper {
        width: 110px;
        height: 110px;
    }

    .avatar-img {
        width: 85px;
        height: 85px;
    }

    .avatar-frame {
        width: 110px;
        height: 110px;
    }

    .section h2 {
        font-size: 16px;
    }

    .workshop_grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .db-stats {
        flex-direction: column;
    }

    .db-stat {
        min-width: 100%;
    }

    .footer {
        padding: 30px 15px;
    }

    .footer .main-slogan {
        font-size: 16px;
    }

    .footer p {
        font-size: 11px;
    }
}

/* Very small screens */
@media (max-width: 360px) {
    .hero-header {
        padding: 12px;
        margin: 8px;
    }

    .username {
        font-size: 18px;
    }

    .stat-val {
        font-size: 18px;
    }

    .stat-lbl {
        font-size: 9px;
    }

    .consent-box {
        padding: 20px 15px;
    }

    .consent-box h3 {
        font-size: 15px;
    }
}

/* ===== REDUCED MOTION SUPPORT ===== */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }

    .particle-bg,
    .floating-sticker {
        display: none;
    }

    .username.glitch::before,
    .username.glitch::after {
        display: none;
    }

    .hero-header::before {
        animation: none;
    }

    html {
        scroll-behavior: auto;
    }
}

/* ===== DARK MODE ENHANCEMENTS ===== */
@media (prefers-color-scheme: dark) {
    :root {
        color-scheme: dark;
    }
}

/* ===== HIGH CONTRAST MODE ===== */
@media (prefers-contrast: high) {
    .fact-card,
    .profile_customization,
    .video-box {
        border-width: 2px;
    }

    .highlight {
        font-weight: 700;
    }
}