:root{
--mexico-green:#006847;
--mexico-white:#ffffff;
--mexico-red:#ce1126;
--bg:rgba(255,255,255,.9);
--card:#fff;
--text:#212529;
--muted:#6c757d;
--border:#dee2e6;
--shadow:rgba(0,0,0,.1)
}
*{box-sizing:border-box}
body{
margin:0;
font-family:Poppins,sans-serif;
background:linear-gradient(110deg,var(--mexico-green),var(--mexico-white),var(--mexico-red));
display:flex;
justify-content:center;
padding:2rem
}
.container{
max-width:1000px;
width:100%;
background:var(--bg);
border-radius:24px;
padding:2.5rem;
box-shadow:0 20px 40px var(--shadow);
text-align:center
}
header h1{
font-size:2.6rem;
color:var(--mexico-green);
margin-bottom:.5rem
}
header p{
color:var(--muted);
margin-bottom:2.5rem
}
.social-links{
display:flex;
justify-content:center;
gap:1rem;
margin-bottom:3rem
}
.social-link{
padding:.75rem 1.5rem;
border-radius:12px;
font-weight:700;
text-decoration:none;
display:flex;
gap:.5rem;
align-items:center
}
.youtube{background:#ff0000;color:#fff}
.kick{background:#53fc18;color:#00380d}
.crypto-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:1.5rem
}
.crypto-card{
background:var(--card);
padding:1.5rem;
border-radius:16px;
box-shadow:0 10px 25px var(--shadow);
transition:.3s
}
.crypto-card:hover{transform:translateY(-6px)}
.card-header{
display:flex;
align-items:center;
gap:.75rem;
margin-bottom:1rem
}
.crypto-icon{width:34px}
.address-container{
display:flex;
align-items:center;
background:#f1f3f5;
border-radius:10px;
padding:.5rem
}
.address{
flex:1;
font-family:monospace;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
color:var(--muted);
padding-left:.5rem
}
.copy-btn{
width:42px;
height:42px;
border:none;
border-radius:8px;
background:#e9ecef;
cursor:pointer;
position:relative
}
.copy-icon{
width:20px;
height:20px;
stroke:#6c757d;
stroke-width:2;
fill:none
}
.tooltip{
position:absolute;
bottom:120%;
left:50%;
transform:translateX(-50%);
background:var(--mexico-green);
color:#fff;
padding:.3rem .7rem;
border-radius:6px;
opacity:0;
transition:.3s
}
.tooltip.visible{opacity:1}
footer{
margin-top:3rem;
color:var(--muted);
font-size:.9rem
}