.DomainFormationCardComponentClass{background:linear-gradient(135deg,#ffffff,#f8f9fa);border:2px solid #e0e7ff;border-radius:12px;padding:2rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;height:100%;position:relative;overflow:hidden;&:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#007bff,#0056b3);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}&:hover{border-color:#007bff;box-shadow:0 12px 24px rgba(0,123,255,.15);transform:translateY(-8px);&:before{transform:scaleX(1)}.domain-icon{transform:scale(1.1) rotate(5deg);color:#007bff}.explore-button{background:#007bff;color:white;box-shadow:0 6px 12px rgba(0,123,255,.3)}.button-icon{transform:translateX(4px)}}.card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;.domain-icon{width:48px;height:48px;min-width:48px;font-size:1.8em;color:#0056b3;transition:all .3s ease;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(0,123,255,.1),rgba(0,123,255,.05));border-radius:8px}.domain-title{font-size:1.3rem;font-weight:600;color:#333;margin:0;line-height:1.3}}.card-body{flex:1;display:flex;flex-direction:column;gap:1.5rem;.domain-description{font-size:.95rem;line-height:1.6;color:#666;margin:0;flex:1}.formations-count{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:linear-gradient(135deg,rgba(0,123,255,.08),rgba(0,123,255,.03));border-radius:8px;border:1px solid rgba(0,123,255,.1);.count-badge{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:#007bff;color:white;border-radius:50%;font-weight:700;font-size:.9rem}.count-text{color:#555;font-weight:500}}}.card-footer{margin-top:1rem}.explore-button{width:100%;padding:.75rem 1.5rem;border:2px solid #007bff;background:white;color:#007bff;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;.button-text{transition:all .3s ease}.button-icon{font-size:1.2em;transition:transform .3s ease}&:active{transform:scale(.98)}&:focus{outline:none;box-shadow:0 0 0 3px rgba(0,123,255,.2)}}}@media (max-width:768px){.DomainFormationCardComponentClass{padding:1.5rem 1rem;.card-header{gap:.75rem;margin-bottom:1rem;.domain-icon{width:40px;height:40px;font-size:1.5em}.domain-title{font-size:1.15rem}}.card-body{gap:1rem;.domain-description{font-size:.9rem}}.explore-button{padding:.65rem 1.25rem;font-size:.95rem}}}@media (max-width:480px){.DomainFormationCardComponentClass{padding:1.25rem 1rem;.card-header{flex-direction:column;text-align:center;.domain-icon{margin:0 auto}.domain-title{font-size:1.1rem}}.card-body .formations-count{justify-content:center}.explore-button{width:100%}}}