@keyframes matrix-rain {
            0% { transform: translateY(-100vh); }
            100% { transform: translateY(100vh); }
        }
        
        @keyframes glow {
            from { text-shadow: 0 0 5px #00FF00, 0 0 10px #00FF00; }
            to { text-shadow: 0 0 10px #00FF00, 0 0 20px #00FF00; }
        }
        
        @keyframes float {
            0%, 100% { transform: translateY(0px); }
            50% { transform: translateY(-10px); }
        }
        
        @keyframes fade-up {
            from { 
                transform: translateY(30px);
                opacity: 0;
            }
            to { 
                transform: translateY(0);
                opacity: 1;
            }
        }
        
        @keyframes shimmer {
            0% { background-position: -200% center; }
            100% { background-position: 200% center; }
        }
        
        @keyframes pulse {
            0%, 100% { transform: scale(1); }
            50% { transform: scale(1.05); }
        }
        
        .matrix-bg {
            background: linear-gradient(rgba(10, 10, 10, 0.95), rgba(10, 10, 10, 0.95)),
                        url("../img/minecraft.jpg") no-repeat center center fixed;
            background-size: cover;
            position: relative;
        }
        
        .matrix-bg::before {
            content: '';
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: 
                radial-gradient(circle at 20% 80%, rgba(0, 255, 0, 0.08) 0%, transparent 50%),
                radial-gradient(circle at 80% 20%, rgba(0, 255, 0, 0.08) 0%, transparent 50%);
            pointer-events: none;
            z-index: -1;
        }
        
        .minecraft-button {
            background: linear-gradient(45deg, #1a1a1a, #2a2a2a);
            border: 2px solid #00FF00;
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
            box-shadow: 0 0 20px rgba(0, 255, 0, 0.2);
        }
        
        .minecraft-button::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(0, 255, 0, 0.1), transparent);
            transition: left 0.5s;
        }
        
        .minecraft-button:hover::before {
            left: 100%;
        }
        
        .minecraft-button:hover {
            transform: translateY(-3px);
            box-shadow: 0 8px 25px rgba(0, 255, 0, 0.4);
            border-color: #00CC00;
        }
        
        .pixel-border {
            border: 2px solid #00FF00;
            box-shadow: inset 0 0 10px rgba(0, 255, 0, 0.2);
        }
        
        .token-address {
            font-family: 'Courier New', monospace;
            background: rgba(0, 0, 0, 0.8);
            border: 2px solid #00FF00;
            padding: 15px;
            border-radius: 8px;
            cursor: pointer;
            transition: all 0.3s ease;
            box-shadow: 0 0 15px rgba(0, 255, 0, 0.3);
            word-break: break-all;
            overflow-wrap: break-word;
            max-width: 100%;
            font-size: 12px;
            line-height: 1.4;
        }
        
        .token-address:hover {
            background: rgba(0, 255, 0, 0.05);
            box-shadow: 0 0 25px rgba(0, 255, 0, 0.5);
            transform: scale(1.02);
        }
        
        .step-card {
            background: rgba(0, 0, 0, 0.8);
            border: 2px solid #00FF00;
            transition: all 0.3s ease;
            box-shadow: 0 0 15px rgba(0, 255, 0, 0.2);
        }
        
        .step-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 15px 35px rgba(0, 255, 0, 0.3);
            border-color: #00CC00;
        }
        
        .matrix-rain {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: -1;
            opacity: 0.08;
        }
        
        .matrix-char {
            color: #00FF00;
            font-family: 'Courier New', monospace;
            font-size: 14px;
            animation: matrix-rain 20s linear infinite;
        }
        
        .message-box {
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: rgba(0, 0, 0, 0.95);
            border: 2px solid #00FF00;
            border-radius: 15px;
            padding: 25px;
            z-index: 1000;
            display: none;
            max-width: 450px;
            width: 90%;
            box-shadow: 0 0 30px rgba(0, 255, 0, 0.4);
            backdrop-filter: blur(15px);
        }
        
        .message-box.show {
            display: block;
            animation: fadeIn 0.3s ease;
        }
        
        @keyframes fadeIn {
            from { opacity: 0; transform: translate(-50%, -50%) scale(0.9); }
            to { opacity: 1; transform: translate(-50%, -50%) scale(1); }
        }
        
        .server-info {
            background: rgba(0, 255, 0, 0.08);
            border: 1px solid #00FF00;
            border-radius: 8px;
            padding: 20px;
            margin: 15px 0;
            font-family: 'Courier New', monospace;
        }
        
        .copy-button {
            background: #00FF00;
            color: black;
            border: none;
            border-radius: 5px;
            padding: 5px 10px;
            cursor: pointer;
            transition: all 0.3s ease;
            font-weight: bold;
        }
        
        .copy-button:hover {
            background: #00CC00;
            transform: scale(1.1);
        }
        
        .close-button {
            position: absolute;
            top: 15px;
            right: 15px;
            background: none;
            border: none;
            color: #FF0000;
            font-size: 24px;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        
        .close-button:hover {
            color: #CC0000;
            transform: scale(1.2);
        }
        
        .stats-card {
            background: rgba(0, 0, 0, 0.8);
            border: 2px solid #00FF00;
            border-radius: 15px;
            padding: 25px;
            text-align: center;
            transition: all 0.3s ease;
            box-shadow: 0 0 20px rgba(0, 255, 0, 0.2);
        }
        
        .stats-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 15px 35px rgba(0, 255, 0, 0.3);
            border-color: #00CC00;
        }
        
        .stats-number {
            font-size: 3rem;
            font-weight: bold;
            color: #00FF00;
            text-shadow: 0 0 10px #00FF00;
            animation: pulse 2s ease-in-out infinite;
        }
        
        .stats-label {
            color: #CCCCCC;
            font-size: 1rem;
            margin-top: 10px;
            font-weight: 500;
        }
        
        .shimmer-text {
            background: linear-gradient(90deg, #00FF00, #00CC00, #00FF00);
            background-size: 200% 100%;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            animation: shimmer 3s linear infinite;
        }
        
        .server-ip-box {
            background: rgba(0, 255, 0, 0.1);
            border: 2px solid #00FF00;
            border-radius: 25px;
            padding: 15px 30px;
            transition: all 0.3s ease;
            box-shadow: 0 0 20px rgba(0, 255, 0, 0.2);
        }
        
        .server-ip-box:hover {
            background: rgba(0, 255, 0, 0.15);
            box-shadow: 0 0 30px rgba(0, 255, 0, 0.4);
            transform: scale(1.05);
        }
        
        .interactive-block {
            transition: all 0.3s ease;
            cursor: none !important;
        }
        
        .interactive-block:hover {
            transform: scale(1.1);
            filter: brightness(1.2);
        }
        
        .floating-icon {
            position: fixed;
            font-size: 24px;
            pointer-events: none;
            z-index: -1;
            opacity: 0.3;
            animation: float 4s ease-in-out infinite;
        }
        
        /* Custom Cursor Styles */
        .cursor {
            position: fixed;
            width: 8px;
            height: 8px;
            background: #00FF00;
            border-radius: 50%;
            pointer-events: none;
            z-index: 9999;
            transition: transform 0.1s ease;
            box-shadow: 0 0 5px rgba(0, 255, 0, 0.8);
        }
        
     
        body {
            cursor: none !important;
        }
        
      
        button, a, .token-address, .interactive-block {
            cursor: none !important;
        }
        
        .matrix-dollar {
            position: fixed;
            color: #00FF00;
            font-size: 16px;
            font-weight: bold;
            pointer-events: none;
            z-index: 9998;
            animation: fallDown 1s ease-in forwards;
        }
        
        @keyframes fallDown {
            0% {
                transform: translateY(0) rotate(0deg);
                opacity: 1;
            }
            100% {
                transform: translateY(100px) rotate(360deg);
                opacity: 0;
            }
        }
        
        /* Matrix Canvas Background */
        #matrixBackground {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -2;
            opacity: 0.1;
        }
        
      
        @media (max-width: 768px) {
            .container {
                padding-left: 15px;
                padding-right: 15px;
            }
            
            .font-minecraft {
                font-size: 1.5rem !important;
                line-height: 1.3;
            }
            
            .minecraft-button {
                padding: 12px 20px !important;
                font-size: 16px !important;
                margin-bottom: 10px;
                width: 100%;
                max-width: 300px;
            }
            
            .token-address {
                font-size: 10px !important;
                padding: 10px;
                margin: 0 10px;
                word-break: break-all;
                overflow-wrap: break-word;
                max-width: calc(100vw - 40px);
            }
            
            .stats-number {
                font-size: 2rem !important;
            }
            
            .stats-label {
                font-size: 0.9rem !important;
            }
            
            .step-card {
                padding: 20px 15px !important;
                margin-bottom: 20px;
            }
            
            .step-card .text-5xl {
                font-size: 3rem !important;
            }
            
            .server-ip-box {
                padding: 10px 20px;
                margin: 0 10px;
            }
            
            .server-ip-box .font-matrix {
                font-size: 16px !important;
            }
            
            .floating-icon {
                display: none;
            }
            
            .matrix-rain {
                display: none;
            }
            
      
            .fixed-icon-mobile {
                position: fixed;
                bottom: 20px;
                z-index: 50;
                width: 50px;
                height: 50px;
                background: #00FF00;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                box-shadow: 0 4px 15px rgba(0, 255, 0, 0.3);
                transition: all 0.3s ease;
            }
            
            .fixed-icon-mobile:hover {
                transform: scale(1.1);
                box-shadow: 0 6px 20px rgba(0, 255, 0, 0.5);
            }
            
            .fixed-icon-mobile img {
                width: 25px;
                height: 25px;
            }
            
            .fixed-icon-left {
                left: 20px;
            }
            
            .fixed-icon-right {
                right: 20px;
            }
            
       
            .fixed-icon-desktop {
                display: none !important;
            }
        }
        
        @media (min-width: 769px) {
      
            .fixed-icon-desktop {
                display: flex !important;
            }
            
     
            .fixed-icon-mobile {
                display: none !important;
            }
        }
        

        @media (max-width: 480px) {
            .font-minecraft {
                font-size: 1.2rem !important;
            }
            
            .token-address {
                font-size: 9px !important;
                padding: 8px;
            }
            
            .minecraft-button {
                padding: 10px 15px !important;
                font-size: 14px !important;
            }
            
            .stats-number {
                font-size: 1.5rem !important;
            }
            
            .step-card .text-5xl {
                font-size: 2.5rem !important;
            }
            
            .fixed-icon-mobile {
                width: 45px;
                height: 45px;
            }
            
            .fixed-icon-mobile img {
                width: 22px;
                height: 22px;
            }
        }
		
		
		/* layout + cleanup */
.user-input{
  display:grid !important;
  grid-template-columns: 64px minmax(220px,1fr) minmax(220px,1fr) auto !important;
  align-items:center !important;
  gap:12px 14px !important;
  max-width:880px; margin:24px auto; padding:18px 20px;
  border-radius:18px; background:rgba(0,0,0,.65);
  box-shadow:0 8px 28px rgba(0,0,0,.35);
}

.user-input .notify-text,
.user-input .buy-donate,
.user-input label.control-label,
.user-input .form-group,
.user-input .privacy { display:none !important; }

.user-input br{ display:none !important; }
.user-input .btn-group,
.user-input .btn-group .content{ display:contents !important; }

/* pieces */
.user-input img.icon{
  grid-column:1; width:56px; height:56px;
  border-radius:10px; object-fit:cover;
  box-shadow:0 4px 12px rgba(0,0,0,.3);
}

.user-input #username{
  grid-column:2; height:46px; padding:10px 14px;
  border-radius:12px; border:1px solid rgba(255,255,255,.18);
  background:rgba(0,0,0,.35); color:#fff; outline:none;
  font-size:16px;
}
.user-input #username::placeholder{ color:#adb5bd; }

.user-input #selid{
  grid-column:3; height:46px; padding:10px 14px;
  border-radius:12px; border:1px solid rgba(255,255,255,.18);
  background:rgba(0,0,0,.35); color:#fff; outline:none; appearance:none;
  font-size:16px;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
  background-repeat:no-repeat; background-position:right 12px center; background-size:18px;
}
.user-input #selid option{ background:#0f1b13; color:#e9f0e9; }

.user-input #button{
  grid-column:4; justify-self:end; height:46px; padding:0 20px;
  border:0; border-radius:12px;
  background:linear-gradient(180deg,#2bdc74,#169c4f);
  color:#fff; font-weight:700; cursor:pointer;
  transition:filter .2s, transform .08s;
}
.user-input #button:hover{ filter:brightness(1.08); }
.user-input #button:active{ transform:translateY(1px); }

/* mobile: two-column (icon left, fields stacked, full-width button) */
@media (max-width: 700px){
  .user-input{
    grid-template-columns: 56px 1fr !important;
    grid-template-rows: auto auto auto !important;
    gap:10px 12px !important;
    padding:16px !important;
  }
  .user-input img.icon{ grid-column:1; grid-row:1 / span 3; align-self:flex-start; }
  .user-input #username{ grid-column:2; grid-row:1; }
  .user-input #selid{    grid-column:2; grid-row:2; }
  .user-input #button{   grid-column:2; grid-row:3; justify-self:stretch; width:100%; }
}

/* small phones: single column, centered avatar */
@media (max-width: 420px){
  .user-input{
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto auto auto !important;
    gap:10px !important;
  }
  .user-input img.icon{ grid-column:1; grid-row:1; justify-self:center; }
  .user-input #username{ grid-column:1; grid-row:2; }
  .user-input #selid{    grid-column:1; grid-row:3; }
  .user-input #button{   grid-column:1; grid-row:4; width:100%; }
  .user-input #username, .user-input #selid, .user-input #button{ height:50px; }
}