/* Reset default browser styles */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

@media only screen and (max-width: 768px) {
#connectedWallet p b + #walletAddress {
display: inline-block;
max-width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-family: monospace;
}
}

/* Global Styles */
body {
font-family: 'Orbitron', sans-serif;
background-color: #0b0c10;
color: #e5e5e5;
margin: 0;
padding: 0;
}

/* Header Styles */
header {
background: url('images/header.jpg') no-repeat center center;
background-size: cover;
color: #00eaff;
text-align: center;
padding: 30px 0;
max-width: 1000px;
margin: 0 auto;
border-bottom: 3px solid #00eaff;
animation: glowing-border 1.5s infinite alternate;
}

/* Logo */
.logo h1 {
font-size: 40px;
font-weight: bold;
color: #00eaff;
}

/* Main Content */
main {
padding: 20px;
max-width: 1000px;
margin: 0 auto;
background: radial-gradient(circle, #121212, #1a1a1a);
border: 1px solid #00eaff;
border-radius: 10px;
animation: glowing-border 1.5s infinite alternate;
}

/* Section Styles */
section {
background: rgba(0, 0, 0, 0.8);
border: 1px solid #00eaff;
margin-bottom: 20px;
padding: 20px;
border-radius: 10px;
animation: glowing-border 1.5s infinite alternate;
}

/* Footer Styles */
footer {
background: #121212;
color: #e5e5e5;
padding: 20px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
max-width: 1000px;
margin: 0 auto;
border-top: 3px solid #00eaff;
animation: glowing-border 1.5s infinite alternate;
}

/* Button Styles */
button[type="submit"],
#connectWallet,
#withdrawCoins {
border-radius: 5px;
cursor: pointer;
transition: background-color 0.3s ease, transform 0.3s ease;
}

button[type="submit"] {
background-color: #ff0044;
color: #e5e5e5;
padding: 10px 20px;
border: 2px solid #ff0044;
animation: glowing-border 1.5s infinite alternate;
}

button[type="submit"]:hover {
background-color: #00eaff;
color: #121212;
transform: scale(1.05);
}

#connectWallet {
background-color: #ff0044;
color: #f3ecec;
padding: 10px 20px;
border: 2px solid #ff0044;
margin-top: 10px;
animation: glowing-border 1.5s infinite alternate;
}

#connectWallet:hover {
background-color: #00eaff;
color: #111111;
transform: scale(1.05);
}

#withdrawCoins {
background-color: #00eaff;
color: #121212;
padding: 10px 20px;
border: 2px solid #00eaff;
margin-bottom: 10px;
animation: glowing-border 1.5s infinite alternate;
}

#withdrawCoins:hover {
background-color: #ff0044;
color: #e5e5e5;
transform: scale(1.05);
}

/* Keyframes for glowing border effect */
@keyframes glowing-border {
0% {
box-shadow: 0 0 10px #00eaff, 0 0 20px #00eaff;
}

100% {
box-shadow: 0 0 20px #faf9f9, 0 0 30px #faf9f9;
}
}

/* Other Styles (unchanged) */
section h2 {
font-size: 28px;
margin-bottom: 10px;
color: #00eaff;
}

section h2 i {
margin-right: 10px;
font-size: 1.5em;
color: #ff0044;
}

section h3 {
font-size: 28px;
margin-bottom: 10px;
color: #00eaff;
}

section h3 i {
margin-right: 10px;
font-size: 1.5em;
color: #ff0044;
}

section p {
font-size: 18px;
margin-bottom: 10px;
border-top: 1px solid #00eaff;
border-bottom: 1px solid #00eaff;
padding: 10px 0;
color: #e5e5e5;
}

p span {
color: #ff0044;
}

label {
display: block;
margin-bottom: 5px;
font-weight: bold;
color: #ff0044;
}

input[type="text"],
input[type="number"] {
width: 100%;
padding: 10px;
margin-bottom: 10px;
border: 2px solid #00eaff;
border-radius: 5px;
background-color: #1a1a1a;
color: #e5e5e5;
}

#operationResult {
display: none;
background-color: #ff0044;
color: #e5e5e5;
padding: 10px;
border-radius: 5px;
margin-top: 10px;
}

.footer-menu {
list-style: none;
padding: 0;
margin: 0;
display: flex;
justify-content: center;
align-items: center;
}

.footer-menu li {
margin: 0 15px;
}

.footer-menu-item {
color: #00eaff;
text-decoration: none;
display: flex;
align-items: center;
transition: color 0.3s ease;
}

.footer-menu-item i {
margin-right: 5px;
}

.countdown {
font-size: 24px;
text-align: center;
padding: 10px;
color: #00eaff;
}

.countdown-box {
background: radial-gradient(circle, #121212, #1a1a1a);
color: #00eaff;
padding: 20px;
border: 2px solid #00eaff;
border-radius: 10px;
}

nav ul {
list-style-type: none;
padding: 0;
margin-top: 20px;
margin-bottom: 20px;
}

nav ul li {
display: inline;
margin-right: 20px;
}

nav ul li a {
text-decoration: none;
color: #00eaff;
padding: 5px 10px;
border: 1px solid #00eaff;
border-radius: 5px;
transition: background-color 0.3s, color 0.3s;
background-color: #ff0044;
box-shadow: 0px 0px 10px rgba(0, 255, 255, 0.5);
}

nav ul li a:hover {
background-color: #00eaff;
color: #121212;
}

.welcome {
margin: 0;
padding: 0;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
background: radial-gradient(circle, #0b0c10, #121212);
border-radius: 10px;
}

.welcome h1 {
font-size: 48px;
color: #ff0044;
text-shadow: 0 0 15px #ff0044;
}

.content {
display: none;
}

.partner-links {
background-color: #413e3e;
padding: 20px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
text-align: center;
}

.partner-links h2 {
font-size: 1.5em;
margin-bottom: 15px;
}

.partner-links ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
justify-content: center;
flex-wrap: wrap;
}

.partner-links ul li {
margin: 0 10px;
}

.partner-links ul li a {
display: block;
}

.partner-links ul li a img {
width: 90px;
height: auto;
border: 1px solid #ddd;
border-radius: 4px;
}

.partner-links ul li a img:hover {
opacity: 0.8;
}