@keyframes letterBlink {0% {text-shadow:0 0 5px #ffffff, 0 0 15px #ffffff}
	50% {text-shadow:0 0 10px #b39979, 0 0 20px #b39979}
	100% {text-shadow:0 0 5px #ffffff, 0 0 15px #ffffff}
}
@keyframes fadeIn {
	from {opacity:0; transform:translateY(-10px)}
	to {opacity:1; transform:translateY(0)}
}
.menu {display:flex; justify-content:space-around; align-items:center; background:rgba(51, 51, 51, 1); 
padding:14px 0; position:fixed; bottom:0; left:0; right:0; border-top:1px solid #555; z-index:10000; flex-shrink:0}
.menu-item {text-align:center; color:#bbb; text-decoration:none; font-size:10px; flex:1}
.menu-item img {width:24px; height:24px; fill:#b39979; margin-bottom:4px; transition:fill 0.3s}
.menu-item:hover img, .menu-item:hover {fill:#fff; color:#fff}
body {margin:0; padding:10px; font-family:'Arial Black', Arial, sans-serif; background:url('../img/back.webp') no-repeat center center fixed; background-size:cover; color:#fff; font-size:20px}
.container {display:flex; justify-content:center; align-items:center; flex-direction:column}
.tabs {background:rgba(50, 50, 50, 0.99); padding:4px 12px 0 12px; box-shadow:0 5px 25px rgba(0, 0, 0, 0.6); overflow:hidden; height:100%; width:100%}
.logo {margin:0px 0}
.logo h1 {font-size:26px; font-weight:bold; color:#ffffff; text-shadow:0 0 5px rgba(255, 255, 255, 0.5), 0 0 10px rgba(255, 255, 255, 0.7); letter-spacing:1.5px; text-transform:uppercase; margin:0; display:flex; justify-content:center}
.logo h1 span {display:inline-block; position:relative; overflow:hidden; font-weight:800; animation:letterBlink 2s infinite ease-in-out}
.logo h1 span:nth-child(1) {animation-delay:0s}
.logo h1 span:nth-child(2) {animation-delay:0.2s}
.logo h1 span:nth-child(3) {animation-delay:0.4s}
.logo h1 span:nth-child(4) {animation-delay:0.6s}
.logo h1 span:nth-child(5) {animation-delay:0.8s}
.logo h1 span:nth-child(6) {animation-delay:1s}
.logo h1 span:nth-child(7) {animation-delay:1.2s}
.logo h1 span:nth-child(8) {animation-delay:1.4s}
.logo h1 span:nth-child(9) {animation-delay:1.6s}
.logo h1 span:nth-child(10) {animation-delay:1.8s}
.logo h1 span:nth-child(11) {animation-delay:2s}
.form-group {margin-bottom:25px; display:flex; flex-direction:column}
.form-group textarea {padding:13px; border:1.2px solid #555; border-radius:6px; background:#222; color:#fff; font-size:14px; outline:none; resize:none; height:80px; transition:border 0.3s, box-shadow 0.3s}
.form-group textarea::placeholder {color:#888; font-size:14px}
.form-group textarea:focus {border:1.3px solid #b39979; box-shadow:0 0 6px #b39979}
.form-group button {width:100%; padding:14px; border:none; border-radius:6px; background:#b39979; color:#222; font-size:16px; cursor:pointer; transition:background 0.3s}
.form-group button:hover {background:#9a856a}		
.age-modal {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:10000; overflow:auto; background-color:rgba(0, 0, 0, 0.8); display:flex; justify-content:center; align-items:flex-start; padding-top:100px; }
.age-modal-content {text-align:center; background:rgba(50, 50, 50, 0.95); border-radius:13px; width:calc(100% - 50px); max-width:400px; padding:20px; box-shadow:0 5px 25px rgba(0, 0, 0, 0.7); animation:fadeIn 0.8s ease-in-out; margin:0 auto 50px auto; box-sizing:border-box; }}
@media (max-width:480px) {
	.age-modal-content {width:calc(100% - 20px); }
}
.age-modal .error-code {font-size:150px; font-weight:900; color:#b39979; margin:0 0 10px 0; font-family:'Arial Black', 'Arial', sans-serif; -webkit-text-stroke:2px #b39979; text-stroke:2px #b39979}
.age-modal .error-description {font-size:16px; margin:15px 0; color:#bbb; line-height:24px; font-family:Arial, sans-serif}
#ageConfirmBtn {background:#b39979; color:#222}
#ageConfirmBtn:hover {background:#9a856a}
#ageDeclineBtn {background:transparent; color:#999; font-weight:bold; opacity:0.8; }
#ageDeclineBtn:hover {background:transparent; color:#bbb; opacity:1}
.age-modal .error-button {display:block; width:calc(100% - 20px); padding:10px 0; margin:10px auto; border:none; border-radius:6px; background:#b39979; color:#222; font-size:14px; cursor:pointer; transition:background 0.3s; text-decoration:none; font-family:Arial, sans-serif}
.age-modal .error-button:hover {background:#9a856a}
.modal-overlay {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.8); z-index:9999}