body{background-color:var(--light-color);font-family:Arial,sans-serif;margin:0;padding:0}.container{width:100%;margin-top:80px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}h1{color:var(--title-color);font-size:30px;margin-bottom:20px}h2{color:var(--title-color);font-size:25px;margin-bottom:15px;text-transform:uppercase}p{color:var(--text-color);font-size:16px;margin-bottom:20px}a{color:var(--link-color);text-decoration:none;transition:color .3s ease}a:hover{color:var(--link-hover-color);text-decoration:underline}.popup{width:70%;margin-top:20px;display:flex;flex-direction:column;align-items:center;background-color:#f6f6f6;padding:30px;border-radius:5px;box-shadow:0 2px 5px var(--dark-color-shadow)}button{background-color:var(--primary-color);color:var(--white-color);padding:10px 20px;margin:15px;border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:background-color .3s ease}button:hover{background-color:var(--primary-color-hover)}form{width:100%}label{display:block;margin-bottom:5px;font-weight:700}input{width:100%;box-sizing:border-box;padding:10px;margin-bottom:10px;border:1px solid var(--secondary-color);border-radius:5px;font-size:16px;background-color:var(--white-color-background);transition:border-color .3s ease;text-align:center}.error{color:var(--error-color);margin-top:10px;background-color:var(--error-color-background);padding:10px;border-radius:5px;box-shadow:0 2px 5px var(--dark-color-shadow)}.success{color:var(--success-color);margin-top:10px;background-color:var(--success-color-background);padding:10px;border-radius:5px;box-shadow:0 2px 5px var(--dark-color-shadow)}.hidden{display:none}.mobile-only{display:block}
