/* Fichier .JS
	(Version) By sync - Boulette (V5.5.4) */

html, body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
background: linear-gradient(135deg, #0b1225, #66CC99);
color: #00000;
text-align: center;
padding: 50px 10px;
user-select: none;
user-source: hidden;
}

h2 {
color: #ffd700;
margin-bottom: 30px;
font-size: 28px;
text-shadow: 0 0 10px rgba(255, 215, 0, 0.4);
}

label, select, option {
font-size: 17px;
font-weight: 500;
display: block;
margin-bottom: 8px;
color: #999999;
}

select, textarea {
width: 90%;
max-width: 420px;
margin: 10px auto 20px auto;
padding: 10px 15px;
font-size: 16px;
border: 1px solid #555;
border-radius: 8px;
background-color: rgba(255, 255, 255, 0.1);
color: #fff;
transition: all 0.2s ease;
display: block;
}

	select:focus, textarea:focus {
outline: none;
border-color: #ffd700;
box-shadow: 0 0 6px rgba(255, 215, 0, 0.6);
}

textarea {
resize: vertical;
min-height: 120px;
}

.button {
display: inline-block;
padding: 15px 30px;
margin: 10px;
background: linear-gradient(135deg, #ffd700, #ffb300);
color: #1c1c1c;
text-decoration: none;
border-radius: 12px;
font-size: 17px;
font-weight: 600;
box-shadow: 0 4px 10px rgba(255, 215, 0, 0.3);
transition: all 0.25s ease;
cursor: pointer;
border: none;
}

.button:hover {
background: linear-gradient(135deg, #ffea80, #ffd700);
transform: translateY(-2px);
box-shadow: 0 6px 14px rgba(255, 215, 0, 0.4);
}

.button:active {
transform: translateY(0);
box-shadow: 0 3px 6px rgba(255, 215, 0, 0.25);
}

#copyConfirm {
display: none;
margin-top: 10px;
color: #ffd700;
font-size: 15px;
font-weight: 500;
}

.icon {
font-size: 45px;
margin-bottom: 7px;
color: #ffd700;
animation: tick 1.8s linear infinite;
}

@keyframes tick {
0%, 100% { transform: rotate(0deg); }
50% { transform: rotate(15deg); }
}

/* FIN CSS */