.navbar{width:100%;background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:1000}.navbar-container{width:90%;margin:auto;padding:15px 20px;display:flex;justify-content:space-between;align-items:center}.logo{padding:8px 12px;margin-right:10px;border-radius:15px;border:2px solid #ffbf00;font-size:27px;font-weight:700;color:#4d2e03;transition:.25s ease}.logo-txt{font-size:24px;font-weight:700;color:#000}.nav-links{display:flex;gap:25px}.nav-links a{text-decoration:none;color:#000;font-size:16px;font-weight:500}.nav-links a:hover,.nav-links a.active{color:#ffbf00}.hamburger{display:none;flex-direction:column;cursor:pointer;gap:5px}.hamburger span{width:28px;height:3px;background:#333;border-radius:3px;transition:.3s}.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-menu{display:none;flex-direction:column;background:#fff;border-bottom:1px solid #eee;padding:10px 20px}.mobile-menu a{text-decoration:none;color:#333;padding:12px 0;font-size:18px;border-bottom:1px solid #f2f2f2}.mobile-menu a.active{color:#ffbf00}.mobile-menu a:last-child{border-bottom:none}.mobile-menu.show{display:flex}@media (max-width: 768px){.nav-links{display:none}.hamburger{display:flex}}.home-root{width:100%;background:#fff;overflow-x:hidden}.hero{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:80px 10%;flex-wrap:wrap;background:linear-gradient(135deg,#ffbf00,#fd5)}.hero h1{font-size:42px;font-weight:800;color:#111;line-height:1.3}.hero p{margin-top:18px;font-size:18px;color:#444}.sub-text{margin-top:10px;font-size:14px;color:#888}.cta-btn{margin-top:28px;background:#000;border:none;color:#fff;padding:13px 28px;font-size:18px;border-radius:50px;cursor:pointer;transition:.3s}.final-cta{text-align:center;padding:80px 10%;background:#f9fbff}.cta-btn-large{margin-top:20px;background:#000;padding:15px 32px;font-size:20px;border:none;border-radius:50px;color:#fff;cursor:pointer;transition:.3s}.customization-section{padding:80px 10%;background:#fafafa}.customization-container{display:flex;align-items:center}.hero-content,.customization-content{flex:1}.customization-content h2{font-size:2.4rem;margin-bottom:15px;font-weight:700}.customization-content p{font-size:1.1rem;color:#444;line-height:1.6;max-width:500px}.customization-points{margin:25px 0;padding:0;list-style:none}.customization-points li{margin-bottom:10px;font-size:1rem;color:#333}.hero-image,.customization-image{flex:1;text-align:center}.hero-image img,.customization-image img{max-width:100%;border-radius:14px;box-shadow:0 16px 40px #00000026;transition:transform .3s ease}.customization-image img:hover{transform:translateY(-6px)}.fade-in{opacity:0;animation:fadeIn .9s forwards}.fade-in-delay{opacity:0;animation:fadeIn 1.2s forwards}.slide-up{opacity:0;animation:slideUp 1s forwards}@keyframes fadeIn{to{opacity:1}}.section-title{text-align:center;font-size:32px;margin-bottom:50px}.benefits{padding:80px 10%}.benefit-grid{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.benefit-card{background:#fff;padding:25px;border-radius:12px;box-shadow:0 4px 18px #0000000f;transition:transform .3s ease}.benefit-card:hover{transform:translateY(-4px)}.features-section{padding:80px 10%;background:#fafafa}.grid{display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.card{background:#fff;padding:18px;border-radius:10px;text-align:center;font-weight:600;box-shadow:0 3px 10px #00000014}.fade-in-delay{animation:fadeIn 1.4s ease forwards;opacity:0}.zoom-in{animation:zoomIn 1.2s ease}@keyframes zoomIn{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.hero,.customization-container{flex-direction:column;text-align:center}.hero-image img,.customization-image{margin-top:30px}}.about-container{max-width:1100px;margin:0 auto;padding:0 20px}.about-hero{background:linear-gradient(135deg,#ffbf00,#ffd24d);padding:80px 0;text-align:center;color:#111}.about-hero h1{font-size:42px;margin-bottom:12px}.about-content{padding:60px 0;background:#fafafa}.about-card{background:#fff;border-radius:14px;padding:28px;margin-bottom:30px;box-shadow:0 10px 30px #0000000d}.about-card h2{font-size:22px;margin-bottom:12px}.about-card p{color:#444;line-height:1.6;margin-bottom:10px}.about-card ul{padding-left:18px}.about-card li{margin-bottom:8px;color:#333}@media (max-width: 768px){.about-hero h1{font-size:32px}.subtitle{font-size:16px}.about-card{padding:22px}}.contact-container{max-width:1000px;margin:0 auto;padding:0 20px}.contact-hero{background:linear-gradient(135deg,#ffbf00,#ffd24d);padding:80px 0;text-align:center;color:#111}.contact-hero h1{font-size:42px;margin-bottom:10px}.subtitle{font-size:18px;max-width:600px;margin:0 auto}.contact-section{padding:70px 0;background:#fafafa}.contact-card{background:#fff;border-radius:20px;padding:36px;box-shadow:0 12px 30px #0000000f;max-width:600px;margin:0 auto}.contact-card h2{font-size:26px;margin-bottom:10px;text-align:center}.contact-desc{color:#555;margin-bottom:24px;line-height:1.6}.contact-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column}.form-group label{font-size:14px;margin-bottom:6px;color:#333}.input-star-icon{color:red}.contact-form input,.contact-form textarea{padding:12px 14px;border-radius:10px;border:1px solid #ddd;font-size:15px;outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:#ffbf00;box-shadow:0 0 0 3px #ffbf0026}.contact-form textarea{height:100px;resize:none}.contact-emails{margin-top:28px;padding:16px;border-radius:20px;text-align:center;border:1px solid #f0f0f0}.contact-emails p{margin:6px 0;font-size:14px;color:#444}.contact-emails a{color:#ffbf00;text-decoration:none;font-weight:600}.contact-emails a:hover{text-decoration:underline}.contact-btn{margin-top:10px;background:#000;color:#fff;padding:12px;border-radius:30px;border:none;font-size:16px;font-weight:600;cursor:pointer}.contact-note{margin-top:16px;font-size:14px;color:#777;text-align:center}.custom-select .rs__menu{border-radius:12px;overflow:hidden}.custom-select .rs__menu-list{padding:0}.custom-select .rs__control{border-radius:12px}.custom-select .rs__control--is-focused{border-color:#ffbf00!important;box-shadow:none}.custom-select .rs__option:hover{background-color:#ffbf00;cursor:pointer}.custom-select .rs__option--is-selected{background-color:#fff;color:#000}.custom-select .rs__option--is-focused{background-color:#fff}.fade-in{animation:fadeIn .8s ease forwards}.fade-in-delay{animation:fadeIn 1.2s ease forwards}.slide-up{animation:slideUp .8s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.contact-hero h1{font-size:32px}.contact-card{padding:26px}}.admin-wrapper{padding:16px;max-width:1100px;margin:0 auto}.admin-title{font-size:22px;margin-bottom:16px}.status{color:#666}.cards-grid{display:grid;gap:16px}.admin-contact-card{background:#fff;border:1px solid #eee;border-radius:14px;padding:16px;box-shadow:0 6px 18px #0000000d;display:flex;flex-direction:column;gap:6px}.header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.time{font-size:12px;color:#888;white-space:nowrap}.message{margin-top:8px;line-height:1.5}.load-more-wrapper{display:flex;justify-content:center;margin:24px 0 8px}.load-more-btn{padding:10px 18px;border-radius:10px;border:1px solid #ddd;background:#000;color:#fff;cursor:pointer;font-size:14px}.load-more-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 480px){.admin-title{font-size:18px}.admin-contact-card{padding:14px}}body{margin:0;font-family:system-ui;background:#f9fafb}.page-section{padding:60px 20px;text-align:center}.grid{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:20px}.card{padding:20px;border-radius:10px;width:200px;box-shadow:0 2px 6px #0000001a}.footer{padding:20px;text-align:center;background:#eee;margin-top:40px}.fade-in{animation:fadeIn 1s ease forwards;opacity:0}.fade-in-delay{animation:fadeIn 1.5s ease forwards;opacity:0}.slide-up{animation:slideUp 1s ease forwards;opacity:0}.zoom-in{animation:zoomIn .8s ease forwards;opacity:0}@keyframes fadeIn{to{opacity:1;transform:none}}@keyframes slideUp{to{opacity:1;transform:translateY(0)}0%{transform:translateY(20px)}}@keyframes zoomIn{0%{transform:scale(.8)}to{transform:scale(1);opacity:1}}@media (max-width:600px){.grid{flex-direction:column;align-items:center}}
