.header{background-color:var(--background);border-bottom:1px solid var(--border);z-index:50;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;max-width:80rem;margin-left:auto;margin-right:auto;padding:1rem;display:flex}@media (min-width:640px){.nav{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.nav{padding-left:2rem;padding-right:2rem}}.logo-container{align-items:center;gap:.75rem;display:flex}.logo-icon{background:linear-gradient(to bottom right,var(--secondary),var(--secondary)/.7);border-radius:.5rem;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.logo-svg{width:1.5rem;height:1.5rem;color:var(--foreground)}.logo-title{color:var(--primary);font-size:1.25rem;font-weight:700;line-height:1.75rem}.logo-subtitle{color:var(--muted-foreground);font-size:.75rem;line-height:1rem}.desktop-nav{align-items:center;gap:2rem;display:none}@media (min-width:768px){.desktop-nav{display:flex}}.nav-link{color:var(--foreground);transition:color .2s}.nav-link:hover{color:var(--primary)}.admin-button{background-color:var(--primary);color:var(--primary-foreground);border-radius:.5rem;padding:.5rem 1.5rem;font-weight:500;transition:background-color .2s}.admin-button:hover{background-color:var(--primary)/.9}.mobile-menu-button{display:block}@media (min-width:768px){.mobile-menu-button{display:none}}.menu-icon{width:1.5rem;height:1.5rem}.mobile-nav{background-color:var(--background);border-bottom:1px solid var(--border);position:absolute;top:100%;left:0;right:0}@media (min-width:768px){.mobile-nav{display:none}}.mobile-nav-content{flex-direction:column;gap:1rem;padding:1rem;display:flex}.mobile-nav-link{color:var(--foreground);transition:color .2s;display:block}.mobile-nav-link:hover{color:var(--primary)}.mobile-admin-button{background-color:var(--primary);color:var(--primary-foreground);text-align:center;border-radius:.5rem;padding:.5rem 1.5rem;font-weight:500;transition:background-color .2s;display:block}.mobile-admin-button:hover{background-color:var(--primary)/.9}:root{--background:#fff;--border:#e5e7eb;--foreground:#374151;--primary:#2563eb;--primary-foreground:#fff;--secondary:#f3f4f6;--muted-foreground:#6b7280}@media (prefers-color-scheme:dark){:root{--background:#111827;--border:#374151;--foreground:#f9fafb;--primary:#3b82f6;--primary-foreground:#fff;--secondary:#1f2937;--muted-foreground:#9ca3af}}
.hero-section{background:linear-gradient(to bottom,var(--background)0%,var(--background)50%,color-mix(in srgb,var(--muted)30%,transparent)100%);padding:5rem 1rem}.hero-container{max-width:80rem;margin-left:auto;margin-right:auto}.hero-grid{grid-template-columns:1fr;align-items:center;gap:3rem;display:grid}@media (min-width:768px){.hero-grid{grid-template-columns:repeat(2,1fr)}}.hero-badge{background-color:color-mix(in srgb,var(--secondary)20%,transparent);border:1px solid color-mix(in srgb,var(--secondary)40%,transparent);border-radius:9999px;margin-bottom:1rem;padding:.25rem 1rem;display:inline-block}.hero-badge-text{color:#fff;font-size:.875rem;font-weight:500}.hero-title{color:var(--foreground);text-wrap:balance;margin-bottom:1.5rem;font-size:3rem;font-weight:700;line-height:1.25}@media (min-width:768px){.hero-title{font-size:3.75rem}}.hero-title-accent{color:var(--primary)}.hero-description{color:var(--muted-foreground);text-wrap:balance;margin-bottom:2rem;font-size:1.125rem;line-height:1.75}.hero-buttons{flex-direction:column;gap:1rem;display:flex}@media (min-width:640px){.hero-buttons{flex-direction:row}}.hero-button-primary{background-color:var(--primary);color:var(--primary-foreground);cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:1rem 2rem;font-weight:600;transition:background-color .2s;display:flex}.hero-button-primary:hover{background-color:color-mix(in srgb,var(--primary)90%,transparent)}.button-icon{width:1.25rem;height:1.25rem;transition:transform .2s}.hero-button-primary:hover .button-icon{transform:translate(.25rem)}.hero-button-secondary{border:1px solid var(--border);background-color:var(--background);color:var(--foreground);cursor:pointer;border-radius:.5rem;padding:1rem 2rem;font-weight:600;transition:background-color .2s}.hero-button-secondary:hover{background-color:var(--muted)}.hero-illustration{height:24rem;display:none;position:relative}@media (min-width:768px){.hero-illustration{display:block}}.hero-illustration-bg{background:linear-gradient(to bottom right,color-mix(in srgb,var(--primary)20%,transparent),color-mix(in srgb,var(--accent)20%,transparent));filter:blur(48px);border-radius:1rem;position:absolute;inset:0}.hero-illustration-container{justify-content:center;align-items:center;height:100%;display:flex;position:relative}.security-jar{width:16rem;height:20rem;position:relative}.jar-base{background:linear-gradient(to top,color-mix(in srgb,var(--primary)40%,transparent),color-mix(in srgb,var(--primary)20%,transparent));border:4px solid color-mix(in srgb,var(--secondary)60%,transparent);border-bottom-right-radius:1.5rem;border-bottom-left-radius:1.5rem;width:12rem;height:10rem;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.jar-cap{background:linear-gradient(to bottom,var(--secondary),color-mix(in srgb,var(--secondary)80%,transparent));border:4px solid color-mix(in srgb,var(--secondary)80%,transparent);border-top-left-radius:1rem;border-top-right-radius:1rem;width:14rem;height:3rem;position:absolute;top:3rem;left:50%;transform:translate(-50%);box-shadow:0 10px 15px -3px #0000001a}.shield-container{position:absolute;top:8rem;left:50%;transform:translate(-50%)}.shield{background:linear-gradient(to bottom right,var(--secondary),color-mix(in srgb,var(--secondary)60%,transparent));border:2px solid color-mix(in srgb,var(--secondary)40%,transparent);border-radius:.5rem;justify-content:center;align-items:center;width:5rem;height:6rem;display:flex;box-shadow:0 20px 25px -5px #0000001a}.shield-icon{width:2.5rem;height:2.5rem;color:var(--foreground)}.floating-element{background-color:var(--accent);border-radius:9999px;animation:2s infinite pulse;position:absolute}.floating-element-1{width:1rem;height:1rem;top:5rem;left:2rem}.floating-element-2{background-color:color-mix(in srgb,var(--accent)60%,transparent);width:.75rem;height:.75rem;top:10rem;right:2rem}.floating-element-3{background-color:color-mix(in srgb,var(--secondary)60%,transparent);width:.5rem;height:.5rem;bottom:5rem;left:3rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}