:root{--bg-color:#f8f9fa;--text-color:#4a4a4a;--primary-btn:#f2a3c1;--secondary-color:#8ed8e8;--card-bg:#f0f9fb;--white:#fff}body{background-color:var(--bg-color);color:var(--text-color);font-family:'Merriweather Sans',sans-serif;margin:0;padding:0}h1,h2,h3,h4,h5,h6{color:var(--text-color);font-weight:700}.logo-container{text-align:center;padding:2rem 0;margin-bottom:2rem}.logo-container img{max-height:100px;width:auto}.main-options{display:flex;justify-content:center;align-items:stretch;gap:2rem;padding:2rem;max-width:1200px;margin:0 auto;flex-wrap:wrap}.option-card{background-color:var(--card-bg);border-radius:15px;padding:2rem;flex:1;min-width:280px;text-align:center;box-shadow:0 4px 6px rgba(0,0,0,.05);transition:transform .3s ease , box-shadow .3s ease;display:flex;flex-direction:column;justify-content:center;align-items:center;text-decoration:none!important;border:1px solid transparent}.option-card:hover{transform:translateY(-5px);box-shadow:0 8px 15px rgba(0,0,0,.1);border-color:var(--secondary-color)}.option-card i{font-size:3rem;color:var(--secondary-color);margin-bottom:1.5rem}.option-card h3{color:var(--text-color);margin-bottom:1rem;font-size:1.5rem}.option-card p{color:#666;margin-bottom:0}.btn-custom{background-color:var(--primary-btn);color:var(--white);border:none;padding:10px 25px;border-radius:50px;font-weight:bold;text-transform:uppercase;transition:background-color .3s;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.1)}.btn-custom:hover{background-color:#e689ad;color:var(--white);text-decoration:none}.portal-container{max-width:900px;margin:0 auto;padding:2rem}.portal-tabs{display:flex;justify-content:center;margin-bottom:2rem;border-bottom:2px solid #ddd}.portal-tab{padding:1rem 2rem;cursor:pointer;font-weight:bold;color:#999;border-bottom:3px solid transparent;transition:all .3s}.portal-tab.active{color:var(--secondary-color);border-bottom-color:var(--secondary-color)}.login-form-container{background:var(--white);padding:3rem;border-radius:15px;box-shadow:0 4px 10px rgba(0,0,0,.05);display:none}.login-form-container.active{display:block;animation:fadeIn .5s}@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}.form-group label{font-weight:600;color:var(--text-color)}.alert-message{display:none;margin-top:1rem;border-radius:5px}.footer{text-align:center;padding:2rem 0;margin-top:4rem;color:#999;font-size:.9em;font-weight:300;border-top:1px solid #e9ecef;width:100%;clear:both}