* {
    -webkit-touch-callout:none;                
    -webkit-text-size-adjust:none;             
    -webkit-tap-highlight-color:rgba(0,0,0,0);                  
}

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

input.text,
input[type=text],
input[type=email],
input[type=tel],
input[type=url],
input[type=search],
input[type=submit] {appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;}

body {font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background: url("../images/fixedbgimage.jpg") no-repeat center center fixed; background-size: cover; padding: 20px; }
        
.container {display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 20px; max-width: 1200px; margin: 0 auto; margin-top: 50px;}

.p24logo {width: 314px; height: 119px; margin: 50px auto 0px auto; display: block;}
.top-user {color: #fff; text-align:center; margin: 35px 0px 20px 0px; font-size: 1.20rem;}
.top-title {text-transform: uppercase; color: #fff; font-size: 2.20rem; width: 100%; text-align: center; margin: 20px 0px 30px 0px; text-shadow: 1px 1px 10px rgba(0,0,0,0.5);}       

.btn_blue {background: #0056b3; color: white; border: none; padding: 12px 0; font-size: 1rem; cursor: pointer; border-radius: 4px; width: 100%; display: block; text-decoration: none; font-weight: 600; box-shadow: 10px 10px 10px -10px rgba(0, 0, 0, 0.5); text-align: center;}
.btn_blue:hover {background: #007bff;}

.btn_green {background: #91a93d; color: white; border: none; padding: 15px 0; font-size: 1.1rem; cursor: pointer; border-radius: 8px; width: 100%; display: block; text-decoration: none; font-weight: 600; box-shadow: 10px 10px 10px -10px rgba(0, 0, 0, 0.5); margin-top: 10px;}
.btn_green:hover {background: #6c7e2d;}
.btn_green:disabled {background-color: #cccccc !important;cursor: not-allowed; opacity: 0.6;}

.btn_grey {background: #8d8d8d; color: white; border: none; padding: 12px 0; font-size: 1rem; cursor: pointer; border-radius: 4px; width: 100%; display: block; text-decoration: none; font-weight: 600; box-shadow: 10px 10px 10px -10px rgba(0, 0, 0, 0.5); text-align: center;}
.btn_grey:hover {background: #717171;}  
        
.logos {margin-top: 20px;}
.logos img {height: 20px; vertical-align: middle; margin: 0 3px;}

.ma_icon {width: 250px;}

.text_info {color: #FFF; text-align: center; margin-top: 20px; font-size: 1.20rem;}
.text_info a {color: #91a93d; text-decoration: underline;}
.text_info a:hover {color: #6c7e2d;}

/* Komunikaty */
.alert-container {max-width: 600px; margin: 20px auto; text-align: center; width: 100%;}
.msg-box {padding: 20px; border-radius: 8px; font-weight: bold; margin-bottom: 20px;}
.msg-success {background: #e8f5e9; color: #2e7d32; border: 1px solid #c8e6c9;}
.msg-error {background: #ffebee; color: #c62828; border: 1px solid #ffcdd2;}

.form-wrapper {
    background: rgba(255, 255, 255, 0.95);
    padding: 40px;
    border-radius: 15px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.3);
    width: 100%;
    max-width: 500px;
}

.form-wrapper-ua {
    background: rgba(255, 255, 255, 0.95);
    padding: 40px;
    border-radius: 15px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.3);
    width: 100%;
    max-width: 800px;
}

.reg-input {
    width: 100%;
    padding: 15px 20px;       
    margin-bottom: 20px;
    border: 1px solid #ccc;
    background: #fff;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 1.1rem;        
    color: #333;
    
    border-radius: 8px !important; 
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    
    transition: all 0.3s ease;
}

.reg-input:focus {
    border-color: #91a93d;
    box-shadow: 0 0 8px rgba(145, 169, 61, 0.3);
    outline: none;
}

.captcha-container {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.checkbox-container {
    display: flex;
    align-items: center; 
    justify-content: flex-start;
    margin-bottom: 20px;
    font-size: 1rem; 
    color: #333;
    padding: 0 5px; 
}

.checkbox-container input[type="checkbox"] {
    width: 22px;
    height: 22px;
    margin-right: 12px;
    cursor: pointer;
    appearance: auto;
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    
    accent-color: #91a93d; 
}

.checkbox-container label {
    cursor: pointer;
    line-height: 1.4;
}

.checkbox-container a {
    color: #91a93d;       
    text-decoration: underline; 
    font-weight: 600;
    transition: color 0.2s;
}

.checkbox-container a:hover {
    color: #6c7e2d;
}