.homepage-wrapper{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;font-family:Crimson,sans-serif;justify-content:center;min-height:100vh;padding:2rem}.homepage-container{max-width:1200px;text-align:center;width:100%}.homepage-container .homepage-header{margin-bottom:4rem}.homepage-container .homepage-header .homepage-title{color:#636b6f;font-size:5rem;font-weight:300;letter-spacing:-.02em;margin-bottom:1rem}@media (max-width:768px){.homepage-container .homepage-header .homepage-title{font-size:3.5rem}}@media (max-width:420px){.homepage-container .homepage-header .homepage-title{font-size:2.5rem}}.homepage-container .homepage-header .homepage-subtitle{color:#8892a6;font-size:1.25rem;font-weight:300;margin-top:.5rem}.homepage-container .homepage-nav{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}@media (max-width:420px){.homepage-container .homepage-nav{gap:1.5rem;grid-template-columns:1fr}}.homepage-container .homepage-card{background:#fff;border-radius:1rem;box-shadow:0 4px 6px rgba(0,0,0,.07),0 1px 3px rgba(0,0,0,.06);display:block;overflow:hidden;padding:2.5rem 2rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.homepage-container .homepage-card:before{background:linear-gradient(90deg,#636b6f,#8892a6);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.homepage-container .homepage-card:hover{box-shadow:0 12px 24px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.08);transform:translateY(-8px)}.homepage-container .homepage-card:hover:before{transform:scaleX(1)}.homepage-container .homepage-card:hover .homepage-card__icon{transform:scale(1.1)}.homepage-container .homepage-card .homepage-card__icon{font-size:3rem;margin-bottom:1rem;transition:transform .3s cubic-bezier(.4,0,.2,1)}.homepage-container .homepage-card .homepage-card__title{color:#636b6f;font-size:1.75rem;font-weight:400;margin-bottom:.75rem}.homepage-container .homepage-card .homepage-card__description{color:#8892a6;font-size:1rem;font-weight:300;line-height:1.6}.homepage-container .homepage-footer{border-top:1px solid rgba(136,146,166,.2);margin-top:4rem;padding-top:2rem}.homepage-container .homepage-footer .homepage-footer__text{color:#8892a6;font-size:.9rem;font-weight:300}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.homepage-container{animation:fadeIn .6s ease-out}