.common-page{background:linear-gradient(135deg,#f5f7f9 0%,#e8ecf1 100%);padding:3.2rem 0 4rem;overflow:hidden;position:relative}.common-page-wrap{max-width:1200px;margin:0 auto;padding:0 1.3rem}.common-page-title{font-size:2.5rem;line-height:1.15;font-weight:700;margin:0 0 1.2rem;color:#1f262b;letter-spacing:.5px;text-align:left;opacity:0;transform:translateY(-20px);transition:opacity .8s ease-out,transform .8s ease-out;position:relative}.common-page-title::after{display:none}.common-page-description{font-size:1.2rem;line-height:1.6;color:#5a6c78;margin-bottom:3.5rem;text-align:left;opacity:0;transform:translateY(-15px);transition:opacity .8s ease-out,transform .8s ease-out;font-weight:400}.common-page-content{opacity:0;transform:translateY(40px);transition:opacity .8s ease-out,transform .8s ease-out}.common-page-content .content{margin-bottom:2rem}.common-page-content>a{text-decoration:none;display:block;margin-bottom:0}.common-page-content>a:hover{text-decoration:none}.items-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:2rem}.common-page-content .sans{background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,8%);overflow:hidden;transition:all .3s ease;border:1px solid rgba(0,0,0,5%);height:100%;display:flex;flex-direction:column}.common-page-content .sans:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(0,0,0,.15);border-color:rgba(68,114,196,.2)}.common-page-content .sans img{width:100%;height:200px;object-fit:cover;transition:transform .3s ease}.common-page-content .sans:hover img{transform:scale(1.05)}.common-page-content .sans>div:last-child{padding:1.8rem;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}.common-page-content .text-gray-900{color:#1f262b!important;font-size:1.25rem!important;font-weight:600!important;margin-bottom:1rem!important;line-height:1.3!important;transition:color .3s ease}.common-page-content .sans:hover .text-gray-900{color:#4472c4!important}.common-page-content .text-gray-700{color:#666!important;font-size:.95rem!important;line-height:1.6!important;margin-bottom:1.2rem!important;flex-grow:1}.common-page-content .text-gray-600{color:#4472c4!important;font-size:.85rem!important;font-weight:500!important;text-transform:uppercase;letter-spacing:.5px;border-top:1px solid #f0f0f0;padding-top:1rem;margin-top:auto}.common-page-content nav{margin-top:3rem;text-align:center}.animate-in{opacity:1!important;transform:translateY(0)!important}.common-page-content .sans{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out,box-shadow .3s ease,transform .3s ease}.common-page-content.animate-in .sans{opacity:1;transform:translateY(0)}.common-page-content.animate-in .sans:nth-child(1){transition-delay:.1s}.common-page-content.animate-in .sans:nth-child(2){transition-delay:.2s}.common-page-content.animate-in .sans:nth-child(3){transition-delay:.3s}.common-page-content.animate-in .sans:nth-child(4){transition-delay:.4s}.common-page-content.animate-in .sans:nth-child(5){transition-delay:.5s}.common-page-content.animate-in .sans:nth-child(6){transition-delay:.6s}@media(max-width:768px){.items-grid{grid-template-columns:1fr;gap:1.5rem}.common-page-wrap{padding:0 1rem}.common-page-title{font-size:2rem;margin-bottom:1rem}.common-page-description{font-size:1.1rem;margin-bottom:2.5rem}.common-page-content .sans>div:last-child{padding:1.5rem}.common-page-content .sans img{height:180px}}@media(max-width:640px){.common-page-title{font-size:1.8rem;margin-bottom:.8rem}.common-page-description{font-size:1rem;margin-bottom:2rem}.common-page-content .sans>div:last-child{padding:1.2rem}.common-page-content .sans img{height:160px}.common-page-content .text-gray-900{font-size:1.1rem!important}}@media(prefers-reduced-motion:reduce){.common-page-title,.common-page-description,.common-page-content,.common-page-content .sans{transition:none!important;opacity:1!important;transform:none!important}}.empty-state{text-align:center;padding:0 2rem;margin-top:2rem}.empty-state h3{font-size:1.8rem;margin-bottom:1rem;color:#1f262b;font-weight:600}.empty-state p{font-size:1.1rem;line-height:1.6;color:#666;max-width:500px;margin:0 auto}.empty-state .icon{font-size:4rem;color:#4472c4;margin-bottom:1.5rem;opacity:.7}