.container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.content{background-color:#fff;padding:50px 40px;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.1);max-width:900px;width:100%;text-align:center}.brand{margin-bottom:40px}.title{font-size:40px;font-weight:700;margin:0;color:#1a1a2e}.subtitle,.titleHighlight{color:#4a6cf7}.subtitle{font-size:18px;font-weight:600;margin:8px 0}.description{font-size:16px;color:#6c757d;margin-top:5px}.cardContainer{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px;margin-bottom:30px}.card{padding:25px 15px;border-radius:12px;background-color:#f8f9fa;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(0,0,0,.08);text-align:center;position:relative;border-top:5px solid transparent}.card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,.15);background-color:#fff}.cardIcon{font-size:40px;margin-bottom:10px}.cardTitle{font-size:18px;font-weight:700;margin:5px 0;color:#1a1a2e}.cardDesc{font-size:13px;color:#6c757d;margin:5px 0}.cardArrow{font-size:20px;font-weight:700;display:inline-block;margin-top:5px}.footer{font-size:14px;color:#6c757d;margin-top:10px}.footerLink{color:#4a6cf7;font-weight:600;cursor:pointer;text-decoration:underline}@media (max-width:768px){.cardContainer{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.cardContainer{grid-template-columns:1fr}.content{padding:30px 20px}.title{font-size:28px}}