:root{--bg-color:#0d0d12;--bg-surface:#1a1a24;--bg-surface-hover:#252533;--text-primary:#fff;--text-secondary:#cbd5e1;--primary:#09f;--primary-hover:#07c;--secondary:#f1f5f9;--accent-gradient:linear-gradient(135deg, var(--primary), #07f);--border-color:#ffffff29;--border-radius:16px;--shadow-sm:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-md:0 10px 15px -3px #0000004d, 0 4px 6px -2px #00000026;--shadow-glow:0 0 20px #6366f166;--font-inter:"Inter", sans-serif;--font-main:var(--font-inter), system-ui, -apple-system, sans-serif;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:4rem}*{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--bg-color);width:100%;height:100%;overflow-x:hidden}body{min-height:100%;color:var(--text-primary);font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0000;line-height:1.6;overflow-x:hidden}.app-container{flex-direction:column;min-height:100vh;display:flex}.main-content{z-index:1;flex:1 0 auto;margin-bottom:3rem;padding-bottom:1.5rem;position:relative}.container{width:100%;max-width:1200px;padding:0 var(--spacing-sm);margin:0 auto}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:700;line-height:1.2}.nav-link{color:#fffffff2;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;border:1px solid #0000;border-radius:99px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1)}.nav-link:hover{color:#fff;background:#0099ff14;border-color:#09f3;transform:translateY(-1px);box-shadow:0 0 15px #0099ff1a}.text-gradient{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{cursor:pointer;border:none;border-radius:9999px;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-surface-hover);transform:translateY(-2px)}.glass-card{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-md);background:#1a1a24b3;transition:transform .3s,box-shadow .3s}.glass-card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.form-group{margin-bottom:var(--spacing-sm)}.form-label{margin-bottom:var(--spacing-xs);color:var(--text-secondary);font-size:.9rem;font-weight:500;display:block}.form-input{background:var(--bg-color);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:8px;padding:.75rem 1rem;font-family:inherit;font-size:1rem;transition:border-color .3s}.form-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #6366f133}.file-dropzone{border:2px dashed var(--border-color);border-radius:var(--border-radius);cursor:pointer;text-align:center;background:#ffffff08;flex-direction:column;justify-content:center;align-items:center;min-height:120px;padding:2rem;transition:all .3s;display:flex}.file-dropzone:hover{border-color:var(--text-secondary);background:#ffffff0f}.file-dropzone.dragging{border-color:var(--primary);background:#6366f11a;transform:scale(1.02)}.file-dropzone-icon{color:var(--text-secondary);margin-bottom:.5rem;font-size:2rem}.file-dropzone-text{color:var(--text-secondary);font-size:.9rem}.file-dropzone-preview{object-fit:contain;background:#0003;border-radius:8px;width:100%;max-height:200px;margin-bottom:.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s ease-out forwards fadeIn}.offerings-grid{gap:var(--spacing-md);margin-top:var(--spacing-md);grid-template-columns:repeat(4,1fr);display:grid}.spinner{border:3px solid #ffffff1a;border-top-color:var(--primary);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.mobile-menu-btn{color:#fff;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s cubic-bezier(.16,1,.3,1);display:none}.mobile-menu-btn:hover{color:var(--primary);background:#0099ff14;border-color:#0099ff40;transform:scale(1.05)}.nav-links-desktop{align-items:center;gap:1.5rem;display:flex}.mobile-drawer{-webkit-backdrop-filter:blur(30px);z-index:999;opacity:0;visibility:hidden;pointer-events:none;background:#0a0b12f5;border-left:1px solid #ffffff14;flex-direction:column;width:100%;max-width:400px;padding:5rem 2rem 2rem;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .4s,visibility .4s;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-10px 0 40px #000000b3}@media (max-width:1024px){.offerings-grid{grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:1.25rem}.container{padding:0 1.25rem}}.mobile-nav-wrapper{display:none}@media (max-width:768px){.mobile-nav-wrapper{align-items:center;display:flex}.nav-links-desktop{display:none!important}.mobile-menu-btn{display:flex!important}.mobile-drawer.open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0)}.mobile-drawer-links{flex-direction:column;gap:.75rem;margin-bottom:2rem;display:flex}.mobile-drawer-link{background:#ffffff05;border-radius:12px;align-items:center;gap:1rem;font-size:1.1rem;font-weight:600;text-decoration:none;color:#fffc!important;border:1px solid #ffffff0a!important;padding:.9rem 1.25rem!important;transition:all .3s cubic-bezier(.25,.8,.25,1)!important;display:flex!important}.mobile-drawer-link svg{color:var(--primary);transition:transform .3s}.mobile-drawer-link:hover,.mobile-drawer-link:active{box-shadow:0 4px 15px #0099ff1a;color:#fff!important;background:#0099ff14!important;border-color:#0099ff40!important;padding-left:1.5rem!important}.mobile-drawer-link:hover svg{transform:scale(1.15)rotate(5deg)}.mobile-close-btn{color:#fff;cursor:pointer;z-index:1000;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:1.5rem;right:1.5rem}.mobile-close-btn:hover{color:#ef4444;background:#ef44441a;border-color:#ef44444d;transform:rotate(90deg)}}@media (max-width:600px){:root{--spacing-lg:1.25rem;--spacing-xl:2rem;--spacing-md:1rem}.offerings-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:.85rem}.container{padding:0 .85rem}.logo svg{width:36px!important;height:36px!important;margin-right:.5rem!important}.logo span{font-size:1.25rem!important}h1{font-size:1.75rem!important}h2{font-size:1.35rem!important}.glass-card{padding:.85rem}.btn{padding:.6rem 1.2rem;font-size:.9rem}}@media (max-width:380px){.offerings-grid{grid-template-columns:1fr}}.offering-card{border:1px solid var(--border-color);background:var(--bg-surface);border-radius:12px;flex-direction:column;padding:.95rem;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.offering-card-img{object-fit:contain;background-color:#0003;border-radius:6px;width:100%;height:130px;margin-bottom:.75rem}.offering-card-tag{text-transform:uppercase;letter-spacing:.75px;border-radius:100px;align-self:flex-start;margin-bottom:.5rem;padding:.15rem .55rem;font-size:.65rem;font-weight:600}.offering-card-title{color:var(--text-primary);margin-bottom:.35rem;font-size:1.05rem}.offering-card-desc{color:var(--text-secondary);margin-bottom:.75rem;font-size:.82rem;line-height:1.45}.offering-card-meta{color:var(--text-secondary);flex-wrap:wrap;gap:.75rem;margin-top:.4rem;font-size:.8rem;display:flex}.offering-card-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:1.25rem;padding-top:1.25rem;display:flex}.offering-card-price{color:var(--text-primary);font-size:1.15rem;font-weight:700}@media (max-width:600px){.offering-card{border-radius:12px!important;padding:.85rem!important}.offering-card-img{height:110px!important;margin-bottom:.5rem!important}.offering-card-tag{margin-bottom:.5rem!important;padding:.15rem .5rem!important;font-size:.65rem!important}.offering-card-title{margin-bottom:.35rem!important;font-size:1.05rem!important}.offering-card-desc{-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;margin-bottom:.75rem!important;font-size:.8rem!important;line-height:1.4!important;display:-webkit-box!important;overflow:hidden!important}.offering-card-meta{gap:.5rem!important;font-size:.75rem!important}.offering-card-footer{flex-direction:column!important;align-items:stretch!important;gap:.5rem!important;margin-top:.75rem!important;padding-top:.75rem!important}.offering-card-price{text-align:center!important;font-size:1.1rem!important}.offering-card-footer .btn{text-align:center!important;width:100%!important;padding:.5rem!important;font-size:.8rem!important}}.category-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.category-title{margin:0;font-size:1.8rem}@media (max-width:600px){.category-header{margin-bottom:1.25rem}.category-title{font-size:1.6rem!important}.category-header .btn{padding:.45rem .9rem!important;font-size:.8rem!important}}.navbar{-webkit-backdrop-filter:blur(24px);z-index:100;background:#0d0d12d9;border:1px solid #ffffff1f;border-radius:20px;flex-shrink:0;width:calc(100% - 4rem);max-width:1400px;margin:1.25rem auto 0;padding:.85rem 0;transition:all .3s cubic-bezier(.16,1,.3,1);position:sticky;top:1.25rem;box-shadow:0 16px 40px #0009,0 0 20px #0099ff0f}.navbar-container{justify-content:space-between;align-items:center;width:100%;display:flex}.logo{letter-spacing:-.05em;color:#fff;font-size:1.5rem;font-weight:800;text-decoration:none}.cosmic-canvas{transition:opacity .3s}@media (max-width:768px){.cosmic-canvas{opacity:.85}.navbar{border-radius:16px!important;width:calc(100% - 1.5rem)!important;margin:.75rem auto 0!important;padding:.65rem 0!important;top:.75rem!important}.navbar .container{padding-left:1.5rem!important;padding-right:1.5rem!important}}.navbar .container{width:100%!important;max-width:100%!important;padding-left:2.5rem!important;padding-right:2.5rem!important}.navbar-menu-links{margin-left:2rem;margin-right:auto}.navbar-actions{align-items:center;gap:.75rem;display:flex}.navbar-logout-btn,.navbar-login-btn{white-space:nowrap!important;padding:.45rem 1rem!important;font-size:.8rem!important;line-height:1.2!important}@media (max-width:1240px) and (min-width:1025px){.navbar{border-radius:18px!important;width:calc(100% - 2.5rem)!important;margin:1rem auto 0!important;padding:.75rem 0!important;top:1rem!important}.navbar .container{gap:.6rem!important;width:100%!important;max-width:100%!important;padding-left:1.5rem!important;padding-right:1.5rem!important}.navbar-menu-links{margin-left:1.25rem!important}.nav-links-desktop{gap:.4rem!important}.nav-link{padding:.35rem .55rem!important;font-size:.76rem!important}.navbar-actions{gap:.5rem!important}.navbar-logout-btn,.navbar-login-btn{white-space:nowrap!important;padding:.38rem .85rem!important;font-size:.76rem!important}}@media (max-width:1024px) and (min-width:769px){.navbar{border-radius:16px!important;width:calc(100% - 2rem)!important;margin:.75rem auto 0!important;padding:.65rem 0!important;top:.75rem!important}.navbar .container{gap:.4rem!important;width:100%!important;max-width:100%!important;padding-left:1rem!important;padding-right:1rem!important}.navbar-menu-links{margin-left:.75rem!important}.nav-links-desktop{gap:.2rem!important}.nav-link{letter-spacing:.01em!important;padding:.3rem .4rem!important;font-size:.7rem!important}.logo svg{width:26px!important;height:26px!important;margin-right:.3rem!important}.logo span{font-size:1rem!important}.navbar-actions{gap:.35rem!important}.navbar-logout-btn,.navbar-login-btn{white-space:nowrap!important;padding:.32rem .65rem!important;font-size:.7rem!important}}
.footer-container{-webkit-backdrop-filter:blur(20px);z-index:10;background:#0a0b12fa;border:1px solid #ffffff14;border-radius:24px;flex-shrink:0;width:calc(100% - 4rem);max-width:1400px;margin:auto auto 2rem;padding:2.5rem 2rem 1.5rem;position:relative;box-shadow:0 16px 40px #0009,0 0 20px #0099ff0a}.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1.5fr;gap:2rem;margin-bottom:1.5rem;display:grid}.footer-column{flex-direction:column;gap:.75rem;display:flex}.footer-logo{color:#fff;letter-spacing:-.04em;align-items:center;font-size:1.5rem;font-weight:800;text-decoration:none;display:inline-flex}.footer-desc{color:var(--text-secondary);margin-top:.25rem;font-size:.88rem;line-height:1.6}.footer-heading{text-transform:uppercase;letter-spacing:.08em;color:#fff;margin-bottom:.25rem;font-size:1.05rem;font-weight:700}.footer-links-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.footer-link{color:var(--text-secondary);font-size:.9rem;text-decoration:none;transition:all .25s cubic-bezier(.25,.8,.25,1);display:inline-block}.footer-link:hover{color:var(--primary);transform:translate(4px)}.footer-contact-list{flex-direction:column;gap:.75rem;display:flex}.footer-contact-item{color:var(--text-secondary);align-items:flex-start;gap:.85rem;font-size:.88rem;line-height:1.5;text-decoration:none;transition:color .2s;display:flex}a.footer-contact-item:hover{color:var(--primary)}.footer-contact-icon{color:var(--primary);flex-shrink:0;margin-top:.15rem}.footer-social-icons{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}.footer-social-icon{width:38px;height:38px;color:var(--text-secondary);background:#ffffff08;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex}.footer-social-icon:hover{color:#fff;border-color:var(--primary);background:#0099ff1a;transform:translateY(-4px)scale(1.05);box-shadow:0 5px 15px #09f3}.footer-bottom{border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding-top:1.2rem;display:flex}.footer-copyright{color:var(--text-secondary);font-size:.82rem}.footer-bottom-links{flex-wrap:wrap;gap:1.5rem;display:flex}.footer-bottom-link{color:var(--text-secondary);font-size:.82rem;text-decoration:none;transition:color .2s}.footer-bottom-link:hover{color:var(--primary)}@media (max-width:1024px){.footer-grid{grid-template-columns:1fr 1fr;gap:2.5rem}}@media (max-width:600px){.footer-container{border-radius:16px;width:calc(100% - 1.5rem);margin:auto auto 1rem;padding:2rem 1.25rem 1.2rem}.footer-grid{grid-template-columns:1fr;gap:1.5rem}.footer-bottom{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding-top:1.2rem}.footer-bottom-links{justify-content:center;gap:1rem}}
.whatsapp-float{color:#fff;text-align:center;z-index:999;background-color:#25d366;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:30px;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 8px 30px #25d36666}.whatsapp-float:hover{background-color:#20ba5a;transform:translateY(-5px)scale(1.08);box-shadow:0 12px 35px #25d36699}.whatsapp-tooltip{color:#fff;white-space:nowrap;pointer-events:none;opacity:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d0d12f5;border:1px solid #25d3664d;border-radius:10px;padding:.5rem 1rem;font-size:.82rem;font-weight:600;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:absolute;right:70px;transform:translate(10px);box-shadow:0 8px 32px #00000080}.whatsapp-float:hover .whatsapp-tooltip{opacity:1;transform:translate(0)}.whatsapp-pulse{opacity:0;pointer-events:none;border:2px solid #25d366;border-radius:50%;animation:2s infinite whatsappRipple;position:absolute;inset:-4px}@keyframes whatsappRipple{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}@media (max-width:600px){.whatsapp-float{width:50px;height:50px;bottom:1.5rem;right:1.5rem}.whatsapp-tooltip{display:none}}
.scroll-top-btn{-webkit-backdrop-filter:blur(10px);color:#fff;cursor:pointer;z-index:9999;opacity:0;pointer-events:none;background:#14141cd9;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:fixed;bottom:6.2rem;right:2.2rem;transform:translateY(15px)scale(.9);box-shadow:0 8px 32px #00000080,0 0 10px #0099ff0d}.scroll-top-btn.visible{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.scroll-top-btn:hover{border-color:var(--primary);color:var(--primary);background:#09f3;box-shadow:0 8px 32px #0099ff26}@media (max-width:600px){.scroll-top-btn{width:44px;height:44px;bottom:5.2rem;right:1.7rem}}