.page-header{background:linear-gradient(135deg,#002b5b,#004080);padding:1rem 0;animation:fadeIn .6s ease-out;transition:background .3s ease}body.dark-mode .page-header{background:#1e293b}.page-header:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:#ffffff1a;top:-90px;right:-120px;animation:float 15s infinite ease-in-out}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(-20px,20px)}}.header-badge{display:inline-block;background:#fff3;color:#fff;padding:8px 20px;border-radius:20px;font-size:1rem;margin-bottom:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn 1s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.contact-intro{background:linear-gradient(135deg,#002b5b,#004080);padding:2rem 0 3rem;text-align:center;transition:background .3s ease}body.dark-mode .contact-intro{background:#1e293b}.contact-intro p{color:#fff;font-size:1rem;line-height:1.7;animation:fadeIn 1s ease-out .2s backwards;font-style:italic;transition:color .3s ease}body.dark-mode .contact-intro p{color:#e2e8f0}.contact-cards-section{padding:60px 0 100px;background:#fff;transition:background .3s ease}body.dark-mode .contact-cards-section{background:#0f172a}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem}.contact-card{background:linear-gradient(135deg,#002b5b,#004080);border-radius:24px;padding:3rem 2.5rem;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1.5rem;transition:all .4s;box-shadow:0 10px 30px #667eea4d;position:relative;overflow:hidden;animation:scaleIn .8s ease-out backwards}.contact-card:nth-child(1){animation-delay:.1s}.contact-card:nth-child(2){animation-delay:.2s}.contact-card:nth-child(3){animation-delay:.3s}.contact-card:nth-child(4){animation-delay:.4s}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.contact-card:before{content:"";position:absolute;width:250px;height:250px;border-radius:50%;background:#ffffff1a;top:-100px;right:-80px;animation:float 15s infinite ease-in-out}@keyframes float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-20px,20px) scale(1.1)}}.contact-card:hover{transform:translateY(-15px) scale(1.02);box-shadow:0 25px 60px #667eea80}body.dark-mode .contact-card{background:linear-gradient(135deg,#1e293b,#334155);box-shadow:0 10px 30px #0000004d}body.dark-mode .contact-card:hover{box-shadow:0 25px 60px #00000080}.card-icon{width:80px;height:80px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:1;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 #fff6}50%{transform:scale(1.05);box-shadow:0 0 0 15px #fff0}}.card-icon svg{width:40px;height:40px;color:#fff}.card-content{position:relative;z-index:1}.card-content h3{color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:.5rem;line-height:1.4}.card-content p{color:#ffffffe6;font-size:1rem;line-height:1.5}@media(max-width:968px){.contact-grid{grid-template-columns:1fr}}