* {margin: 0; padding: 0; box-sizing: border-box;}

.uc-body {font-family: Roboto, 'Helvetica Neue', Arial, sans-serif !important; background: linear-gradient(135deg, var(--bg-color) 0%, #16213e 100%);
color: var(--text-color)!important; min-height: 100vh; display: flex; align-items: center; justify-content: center; verflow: hidden; position: relative;}



.uc-body::before {content: '';
position: absolute; top: -50%; left: -50%; width: 200%; height: 200%;
background: radial-gradient(circle, rgba(255,255,255,0.05) 1px, transparent 1px);
background-size: 50px 50px;
animation: moveBackground 20s linear infinite;
pointer-events: none;}

@keyframes moveBackground {0% {transform: translate(0, 0);}
100% {transform: translate(50px, 50px);}}

.uc-container {width: 100%; max-width: 800px; padding: 2rem; position: relative; z-index: 1;}

.uc-content {text-align: center; animation: fadeIn 1s ease-in;}

@keyframes fadeIn {from {opacity: 0; transform: translateY(30px);}
to {opacity: 1; transform: translateY(0);}}

.uc-logo {margin-bottom: 2rem; animation: fadeIn 1s ease-in 0.2s backwards;}

.uc-logo img {max-height: 80px; max-width: 480px; filter: drop-shadow(0 1px 1px rgba(255,255,255,0.8));}

.uc-title {font-weight: 700; margin-bottom: 0;
background: linear-gradient(135deg, var(--text-color) 0%, rgba(255,255,255,0.7) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text; animation: fadeIn 1s ease-in 0.4s backwards; line-height: 1.2;}

.uc-message {font-size: 1.25rem;
line-height: 1.8; margin-bottom: 3rem; opacity: 0.9; animation: fadeIn 1s ease-in 0.6s backwards;
max-width: 600px; margin-left: auto; margin-right: auto;}

.uc-message p {margin-bottom: 1rem;}
.uc-message p:last-child {margin-bottom: 0;}


.widescreen {font-size: 11px;
background: rgba(255, 255, 255, 0.46); padding: 20px; display: inline-flex; align-items: center;
border-radius: 8px;}




/* Responsiv design */
@media (max-width: 768px) {.uc-title {font-size: 2.5rem;}

.uc-message {font-size: 1.1rem;}
.uc-container {padding: 1rem;}
.uc-logo img {max-width: 150px;}}
@media (max-width: 480px) {.uc-title {font-size: 2rem;}
.uc-message {font-size: 1rem;}
height: 50px;}}
