.hero{text-align:center;padding:50px 10%;background:#f9f9ff}.hero-center h1{font-size:30px;font-weight:700;margin-bottom:20px;color:#111;animation:fadeInDown 1.2s ease}.hero-center p{font-size:16px;color:#444;margin-bottom:25px;animation:fadeIn 1.5s ease}.hero-btn{display:inline-block;background:#2e8bff;color:#fff;padding:12px 22px;border-radius:8px;font-weight:600;transition:transform .3s,background .3s}.hero-btn:hover{background:#1d6edb;transform:scale(1.05)}.gift-code{margin-top:40px;background:#f3f4ff;padding:30px;border-radius:12px;animation:fadeInUp 1.5s ease}.gift-code h2{margin-bottom:20px;font-size:24px;color:#222}.gift-code table{width:100%;border-collapse:collapse;margin:0 auto 20px}.gift-code td{border:1px solid #ddd;padding:12px;text-align:left}.login-btn{background:#6a5acd;color:#fff;padding:10px 18px;border-radius:8px;font-weight:600;transition:.3s}.login-btn:hover{background:#5840c9;transform:scale(1.05)}.image-text{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:70px 10%;background:#fff;flex-wrap:wrap}.image-col{flex:1;text-align:center;animation:fadeInLeft 1.2s ease}.image-col img{max-width:100%;border-radius:12px;box-shadow:0 8px 20px #0000001a}.text-col{flex:1;animation:fadeInRight 1.2s ease}.text-col h2{font-size:28px;margin-bottom:18px;color:#111}.text-col p{margin-bottom:14px;line-height:1.6;color:#444}.objective{background:#f9f9ff;padding:60px 10%}.objective h2{font-size:26px;margin-bottom:20px;color:#222}.objective ul{list-style:none;padding:0}.objective ul li{margin-bottom:12px;color:#444;transition:transform .3s,color .3s}.objective ul li:hover{transform:translate(8px);color:#2e8bff}@media (max-width: 768px){.image-text{flex-direction:column;text-align:center}.text-col{margin-top:20px}.text-col h2{font-size:22px}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.features{padding:70px 10%;background:#fff;text-align:center}.features h2{font-size:28px;margin-bottom:40px;color:#222}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:25px}.feature-card{background:#f9f9ff;padding:25px;border-radius:12px;box-shadow:0 4px 10px #00000014;transition:all .3s ease;text-align:left}.feature-card img{width:40px;height:40px;margin-bottom:15px}.feature-card h3{font-size:20px;margin-bottom:12px;color:#111}.feature-card p{font-size:15px;color:#444;line-height:1.5}.feature-card:hover{transform:translateY(-8px);box-shadow:0 0 20px #2e8bff99;background:#fff}@media (max-width: 768px){.hero{padding:40px 5%}.hero-center h1{font-size:26px}.gift-code table td{font-size:14px}}.navbar{display:flex;justify-content:space-between;align-items:center;padding:15px 50px;background:#f9f9ff;position:sticky;top:0;z-index:100}.logo{width:120px;margin-bottom:15px}.navbar-links{list-style:none;display:flex;gap:25px}.navbar-links li a{text-decoration:none;font-weight:500;color:#333;transition:.3s}.navbar-links li a:hover{color:#2e8bff}.navbar-btns .btn{margin-left:15px;padding:10px 18px;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none;transition:.3s}.login-btn{background:#2e8bff;color:#fff}.login-btn:hover{background:#1d6edb}.register-btn{background:#6a5acd;color:#fff}.register-btn:hover{background:#5840c9}@media (max-width: 768px){.navbar{flex-wrap:wrap;padding:15px 20px}.navbar-links{flex-direction:column;gap:10px;margin:10px 0}.navbar-btns{margin-top:10px}}.footer{color:#000}.footer-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:5px}.footer-about{flex:1}.footer-logo{width:120px;margin-bottom:15px}.footer-about p{font-size:14px;line-height:1.6}.footer-links,.footer-blogs{flex:1;min-width:200px}.footer-links h3,.footer-blogs h3{font-size:18px;margin-bottom:15px;color:#fff}.footer-links ul,.footer-blogs ul{list-style:none;padding:0}.footer-links li,.footer-blogs li{margin-bottom:10px}.footer-links a,.footer-blogs a{color:#000;text-decoration:none;transition:color .3s}.footer-links a:hover,.footer-blogs a:hover{color:#2e8bff}.footer-bottom{text-align:center;border-top:1px solid #333;padding-top:15px;font-size:13px;color:#aaa}@media (max-width: 768px){.footer-top{flex-direction:column;text-align:center}.footer-about,.footer-links,.footer-blogs{flex:unset;min-width:unset}}