.app{min-height:100vh;display:flex;flex-direction:column}.main{flex:1}.hero{text-align:center;padding:120px 48px 40px;max-width:1200px;margin:0 auto}.hero-title{font-family:DM Sans,sans-serif;font-size:56px;font-weight:600;color:#0B0C3B;line-height:1.2;margin-bottom:20px}.hero-subtitle{font-family:Poppins,sans-serif;font-size:16px;font-weight:400;color:rgba(11,12,59,.8);line-height:1.7;max-width:850px;margin:0 auto}.templates-section{max-width:1032px;margin:0 auto;padding:40px 24px 48px}.templates-grid{display:grid;grid-template-columns:repeat(3,316px);gap:16px;justify-content:center;margin-bottom:32px}.builder-card{display:flex;flex-direction:column;gap:8px;cursor:pointer;padding:16px 8px 8px;border-radius:12px;background:#fff;width:316px;box-sizing:border-box;text-decoration:none;color:inherit}.builder-card-img-wrap{position:relative;border-radius:10px;overflow:hidden;background:#f0f0f3;width:300px;height:300px;flex-shrink:0}.builder-card-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;display:block;transition:transform .5s ease;transform:scale(1)}.builder-card:hover .builder-card-img{transform:scale(1.05)}.builder-card-title{font-family:Poppins,sans-serif;font-size:20px;font-weight:500;color:#0B0C3B;line-height:1.4;flex-shrink:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease}.builder-card:hover .builder-card-title{color:#6F40CD}.pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin:48px 0 8px}.page-btn{min-width:36px;height:36px;border:none;background:transparent;color:#666;font-family:DM Sans,sans-serif;font-size:14px;font-weight:400;cursor:pointer;transition:color .2s;padding:0 6px}.page-btn:hover:not(:disabled):not(.active){color:#5e3fbe}.page-btn.active{color:#5e3fbe;font-weight:400;text-decoration:underline}.page-btn:disabled{opacity:.3;cursor:not-allowed}.nav-btn{font-size:18px;color:#5e3fbe;padding:4px}.arrow-icon{width:16px;height:16px;display:block}.arrow-double-left,.arrow-left{transform:scaleX(-1)}.page-ellipsis{font-family:DM Sans,sans-serif;font-size:14px;color:#999;padding:0 4px}.cta-section{background:linear-gradient(135deg,#e8e4f8,#d4e4f7);padding:80px 24px;text-align:center}.cta-inner{max-width:600px;margin:0 auto}.cta-title{font-size:34px;font-weight:800;color:#1a1a2e;margin-bottom:14px;line-height:1.2}.cta-subtitle{font-size:14px;color:#555;margin-bottom:32px;line-height:1.7}.cta-btn{background:#1a1a2e;color:#fff;border:none;border-radius:10px;padding:14px 36px;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s,transform .15s}.cta-btn:hover{background:#2d2d50;transform:translateY(-1px)}@media (max-width:1320px){.templates-grid{grid-template-columns:repeat(3,316px)}}@media (max-width:980px){.hero{padding:100px 24px 32px}.hero-title{font-size:36px}.templates-grid{grid-template-columns:repeat(2,1fr)}.builder-card{width:100%}.builder-card-img-wrap{width:100%;height:auto;aspect-ratio:1}}@media (max-width:680px){.hero{padding:80px 20px 24px}.hero-title{font-size:24px}.hero-subtitle{font-size:14px}.templates-section{padding:24px 16px 40px}.templates-grid{grid-template-columns:repeat(2,1fr);gap:12px}.builder-card{padding:8px 6px 6px;border-radius:10px}.builder-card-img-wrap{border-radius:8px}.builder-card-title{font-size:14px}.cta-title{font-size:26px}.pagination{margin:24px 0 8px}}