body{
            background:#f4f6f9;
            min-height:100vh;
        }

        .signup-card{
            margin-top:60px;
            border:none;
            border-radius:10px;
            box-shadow:0 4px 14px rgba(0,0,0,.08);
        }

        .card-header {
            background: #ffffff;
            border: none;
            text-align: center;
            font-weight: bold;
        }

        .required{
            color:red;
        }

        #msg{
            font-weight:600;
        }

        [placeholder]:focus::-webkit-input-placeholder {
        transition: opacity 0.5s 0.5s ease; 
        opacity: 0;
        }

        .logo {
            
            margin: 0 auto;
            padding: 15px;
            width: 60%;
            justify-content: center;
        }

        a {
        color: #af2267;
        text-decoration: none;
        background-color: transparent;
        }

        a:hover {
        color: #fa7aa0 !important; 
        text-decoration: underline;
        }

        .btn-adv{
        background-color: #af2267;
        color: #f1f1f1;
        
        }
        .btn-adv:hover{ 
        background-color: #fa7aa0 !important; 
        color: #f1f1f1;
        }
        .btn-adv:active{
        background-color: #E75480 !important;
        color: #f1f1f1;
        }
        .text-xs {
        font-size: 0.75rem;
        }