.navbar{background:var(--color-header-bg);border-bottom:2px solid var(--color-primary);box-shadow:0 2px 4px #0000000d;position:sticky;top:0;z-index:1000;padding:var(--spacing-sm) 0}.navbar-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.navbar-logo{display:flex;align-items:center;gap:var(--spacing-xs);font-size:1.8rem;font-weight:700;color:var(--color-text-main)}.navbar-menu{display:flex;align-items:center;gap:var(--spacing-md)}.navbar-item{color:var(--color-text-main);font-weight:600;text-decoration:none;padding:.5rem 1rem;border-radius:20px;transition:all .3s ease}.navbar-item:hover{background-color:#2563eb14;color:var(--color-primary);transform:translateY(-1px)}.navbar-btn{background-color:var(--color-primary);color:#fff;padding:.5rem 1.5rem;border-radius:var(--radius-md);transition:background-color .3s}.navbar-btn:hover{background-color:#004494;color:#fff}.navbar-toggle{display:none;flex-direction:column;cursor:pointer}.bar{height:3px;width:25px;background-color:var(--color-text-main);margin:3px 0;transition:.4s}@media (max-width: 768px){.navbar-toggle{display:flex}.navbar-menu{position:absolute;top:100%;left:0;right:0;background-color:var(--color-background);flex-direction:column;padding:var(--spacing-md);gap:var(--spacing-sm);box-shadow:0 4px 6px #0000001a;display:none}.navbar-menu.active{display:flex}}.hero{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-md);gap:var(--spacing-lg)}.hero-content{flex:1}.hero-content h1{font-size:var(--font-size-h1);color:var(--color-text-main);margin-bottom:var(--spacing-md);line-height:1.2}.hero-content p{font-size:1.25rem;color:var(--color-text-light);margin-bottom:var(--spacing-lg);max-width:500px}.hero-buttons{display:flex;gap:var(--spacing-sm)}.btn{padding:.75rem 2rem;border-radius:var(--radius-md);font-weight:600;transition:all .3s ease;display:inline-block}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:#004494;transform:translateY(-2px)}.btn-secondary{background-color:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}.btn-secondary:hover{background-color:#0056b30d;transform:translateY(-2px)}.hero-image{flex:1;display:flex;justify-content:center}.hero-image img{max-width:100%;height:auto;border-radius:var(--radius-lg);box-shadow:0 20px 40px #0000001a}@media (max-width: 968px){.hero{flex-direction:column-reverse;padding:var(--spacing-lg) var(--spacing-md);text-align:center}.hero-content p{margin:0 auto var(--spacing-lg)}.hero-buttons{justify-content:center}.hero-content h1{font-size:var(--font-size-h2)}}.features{padding:var(--spacing-xl) var(--spacing-md);background-color:var(--color-background-alt)}.features-container{max-width:1200px;margin:0 auto}.features-header{text-align:center;margin-bottom:var(--spacing-lg)}.features-header h2{font-size:var(--font-size-h2);color:var(--color-text-main);margin-bottom:var(--spacing-sm)}.features-header p{font-size:1.1rem;color:var(--color-text-light)}.features-content{display:flex;align-items:center;gap:var(--spacing-lg)}.features-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md)}.feature-card{background:#fff;padding:var(--spacing-md);border-radius:var(--radius-md);box-shadow:0 4px 6px #0000000d;transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px)}.feature-card h3{color:var(--color-primary);margin-bottom:var(--spacing-xs);font-size:1.25rem}.feature-card p{color:var(--color-text-light);font-size:.95rem}.features-image{flex:1;display:flex;justify-content:center}.features-image img{max-width:100%;border-radius:var(--radius-lg);box-shadow:0 10px 30px #0000001a}@media (max-width: 968px){.features-content{flex-direction:column}.features-image{order:-1;margin-bottom:var(--spacing-md)}}.footer{background-color:#1a1a1a;color:#fff;padding:var(--spacing-lg) 0 var(--spacing-md)}.footer-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.footer-section h3{color:var(--color-secondary);margin-bottom:var(--spacing-sm)}.footer-section h4{color:#f0f0f0;margin-bottom:var(--spacing-sm)}.footer-section p{color:#ccc;margin-bottom:var(--spacing-xs)}.footer-section a{display:block;color:#ccc;margin-bottom:var(--spacing-xs);transition:color .3s}.footer-section a:hover{color:var(--color-secondary)}.footer-bottom{border-top:1px solid #333;padding-top:var(--spacing-md);text-align:center;color:#888;font-size:.9rem}.footer-qr{width:24px;height:24px;vertical-align:middle;margin-right:8px}.app{min-height:100vh;display:flex;flex-direction:column}main{flex:1}:root{--color-primary: #2563EB;--color-primary-dark: #1E40AF;--color-secondary: #ffc107;--color-text-main: #333333;--color-text-light: #666666;--color-background: #ffffff;--color-header-bg: linear-gradient(to right, #F0F9FF, #FFFBEB);--color-background-alt: #f8f9fa;--font-family-main: "Inter", system-ui, -apple-system, sans-serif;--font-size-base: 16px;--font-size-h1: 3rem;--font-size-h2: 2.5rem;--font-size-h3: 1.75rem;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 8rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px}body{font-family:var(--font-family-main);color:var(--color-text-main);background-color:var(--color-background);margin:0;line-height:1.6}body{margin:0;padding:0;font-family:var(--font-family-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-background);color:var(--color-text-main)}*{box-sizing:border-box}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer}