/************************************************ SECURITY CALLOUT ************************************************/
 .security-callout {
     display: flex;
     align-items: center;
     gap: 1.5rem;
     margin: 1rem 0;
     padding: 1.5rem 1.75rem;
     border: 1px solid #cbb677;
     border-left: 6px solid #cbb677;
     border-radius: 0 .2rem .2rem 0;
     background: linear-gradient( to right, rgba(203,182,119,.08), rgba(255,255,255,1) );
     box-shadow: 0 2px 10px rgba(0,0,0,.03);
}
 .security-callout-icon {
     width: 72px;
     height: 72px;
     min-width: 72px;
     border-radius: 50%;
     background: linear-gradient( 135deg, #d6b15a, #b8861b );
     display: flex;
     align-items: center;
     justify-content: center;
     box-shadow: 0 4px 10px rgba(184,134,27,.18);
}
 .security-callout-icon i {
     font-size: 1.7rem;
     color: #fff;
     transform: translateX(2px);
}
 .security-callout-content h3 {
     margin: 0 0 .4rem;
     font-size: 2rem;
     line-height: 1.15;
     color: #111;
}
 .security-callout-content p {
     margin: 0;
     font-size: 1.15rem;
     line-height: 1.55;
     color: #333;
     max-width: 700px;
}
/************************************************ PHISHING ATTEMPTS ************************************************/
 .phishing-attempts {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 0;
     margin: 2rem 0 3rem;
}
 .phishing-attempt {
     display: flex;
     flex-direction: column;
     align-items: center;
     text-align: center;
     padding: 0 2rem;
     position: relative;
}
 .phishing-attempt:not(:last-child)::after {
     content: "";
     position: absolute;
     top: 10px;
     right: 0;
     width: 1px;
     height: 120px;
     background: rgba(0,0,0,.10);
}
 .phishing-attempt-icon {
     width: 72px;
     height: 72px;
     border-radius: 50%;
     background: rgba(203,182,119,.10);
     display: flex;
     align-items: center;
     justify-content: center;
     margin-bottom: 1.25rem;
}
 .phishing-attempt-icon i {
     font-size: 1.7rem;
     color: #a36b08;
}
 .phishing-attempt p {
     margin: 0;
     font-size: 1.15rem;
     line-height: 1.45;
     font-weight: 600;
     color: #111;
     max-width: 260px;
}
/************************************************ PHISHING WARNING SECTIONS ************************************************/
 .phishing-warning-signs {
     margin: 0 0 2.5rem;
}
 .phishing-warning-signs .section-intro {
     max-width: 900px;
     margin-bottom: 2rem;
}
/************************************************ WARNING GRID ************************************************/
 .phishing-warning-grid {
     display: grid;
     grid-template-columns: repeat(2, minmax(0, 1fr));
     gap: 1.5rem;
}
/************************************************ WARNING CARD ************************************************/
 .phishing-warning-card {
     background: #fff;
     border: 1px solid rgba(0,0,0,.05);
     border-radius: .85rem;
     padding: 1.5rem;
     box-shadow: 0 2px 10px rgba(0,0,0,.03);
     transition: all .2s ease;
}
 .phishing-warning-card:hover {
     transform: translateY(-2px);
     box-shadow: 0 8px 20px rgba(0,0,0,.06);
}
 .phishing-warning-card h3 {
     margin: 0 0 1.25rem;
     font-size: 1.45rem;
     font-weight: 700;
     line-height: 1.25;
     color: #111;
}
/************************************************ WARNING LIST ************************************************/
 .phishing-warning-list {
     list-style: none;
     padding: 0;
     margin: 0;
}
 .phishing-warning-list li {
     display: flex;
     align-items: flex-start;
     gap: 0.75rem;
     margin-bottom: .85rem;
     line-height: 1.5;
     font-size: 1rem;
     color: #333;
}
 .phishing-warning-list li:last-child {
     margin-bottom: 0;
}
 .phishing-warning-list i {
     color: #8b5a12;
     margin-top: 0.2rem;
     font-size: 0.9rem;
}
/************************************************ RESPONSIVE ************************************************/
 @media (max-width: 900px) {
     .phishing-attempts {
         grid-template-columns: 1fr;
         gap: 2rem;
    }
     .phishing-attempt {
         padding: 0;
    }
     .phishing-attempt:not(:last-child)::after {
         display: none;
    }
     .phishing-warning-grid {
         grid-template-columns: 1fr;
    }
}
 @media (max-width: 768px) {
     .security-callout {
         flex-direction: column;
         align-items: flex-start;
         padding: 1.35rem;
    }
     .security-callout-icon {
         width: 60px;
         height: 60px;
         min-width: 60px;
    }
     .security-callout-icon i {
         font-size: 1.4rem;
    }
     .security-callout-content h3 {
         font-size: 1.65rem;
    }
     .security-callout-content p {
         font-size: 1rem;
    }
     .phishing-attempt-icon {
         width: 64px;
         height: 64px;
    }
     .phishing-attempt-icon i {
         font-size: 1.45rem;
    }
     .phishing-attempt p {
         font-size: 1.05rem;
    }
     .phishing-warning-card {
         padding: 1.35rem;
    }
     .phishing-warning-card h3 {
         font-size: 1.3rem;
    }
}