:root{--primary: #2563eb;--primary-dark: #1d4ed8;--text-primary: #1e3a8a;--text-secondary: #4b5563;--background: linear-gradient(to bottom, #eff6ff, #ffffff);--card-bg: #ffffff;--shadow-sm: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1)}@media (prefers-color-scheme: dark){:root{--primary: #3b82f6;--primary-dark: #2563eb;--text-primary: #f3f4f6;--text-secondary: #d1d5db;--background: linear-gradient(to bottom, #1f2937, #111827);--card-bg: #1f2937;--shadow-sm: 0 4px 6px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .3)}}.download-page{min-height:100vh;background:var(--background);color:var(--text-primary)}.header{position:fixed;top:0;width:100%;transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:1000;will-change:transform}.header-top{background:transparent;padding:1rem 0}.header-scrolled{background:rgba(var(--card-bg),.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);padding:.5rem 0}.header-container{max-width:min(1200px,90%);margin:0 auto;padding:0 1rem;display:flex;align-items:center;justify-content:space-between}.logo-section{display:flex;align-items:center;gap:.75rem}.logo-image{width:2.5rem;height:2.5rem;border-radius:.75rem;object-fit:cover}.logo-text{font-size:clamp(1.25rem,2vw,1.5rem);font-weight:700;color:var(--text-primary)}.download-button{background-color:var(--primary);color:#fff;padding:.625rem 1.25rem;border-radius:9999px;font-size:clamp(.875rem,1.5vw,1rem);display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:none;outline:none}.download-button:hover:not(.disabled){background-color:var(--primary-dark);transform:translateY(-1px)}.download-button:active:not(.disabled){transform:translateY(0)}.download-button.disabled{opacity:.6;cursor:not-allowed}.main-content{width:min(1200px,90%);margin:0 auto;padding:clamp(4rem,10vh,6rem) 1rem 3rem}.content-inner{max-width:56rem;margin:0 auto}.header-text{text-align:center;margin-bottom:3rem}.title{font-size:clamp(1.475rem,3vw,2.25rem);font-weight:700;color:var(--text-primary);margin-bottom:1rem;line-height:1.2}.title-container{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.title-separator{color:var(--text-secondary)}.qr-section.center{order:unset;grid-column:1 / -1;max-width:300px;margin:2rem auto 3rem}.subtitle{font-size:clamp(1rem,1.5vw,1.125rem);color:var(--text-secondary)}.features-grid{display:flex;flex-direction:column;gap:2rem}.feature-list{order:unset;max-width:768px;margin:0 auto;width:100%}.qr-section{order:2}@media (min-width: 768px){.qr-section{order:1}}.qr-container{background-color:var(--card-bg);padding:2rem;border-radius:1.5rem;box-shadow:var(--shadow-lg);display:flex;justify-content:center;transition:transform .3s ease}.qr-container:hover{transform:translateY(-4px)}.qr-button-container{display:flex;justify-content:center;margin-top:1.5rem}.feature-list{order:1;display:grid;gap:1.5rem}@media (min-width: 768px){.feature-list{order:2}}.feature-item{background-color:var(--card-bg);padding:1.5rem;border-radius:1rem;box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:flex-start;gap:1rem}.feature-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.feature-icon{color:var(--primary);flex-shrink:0}.feature-text{flex:1}.feature-title{font-weight:600;font-size:clamp(.8rem,1vw,1rem);margin-bottom:.5rem;color:var(--text-primary)}.feature-description{color:var(--text-secondary);font-size:.875rem;line-height:1.5}.browser-guide-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000c;z-index:1000;display:grid;place-items:center;padding:1rem;animation:fadeIn .3s ease}.guide-content{background-color:var(--card-bg);padding:1.5rem;border-radius:1rem;text-align:center;width:min(400px,90%);animation:slideUp .3s ease}.guide-steps{margin-top:1rem;font-size:.875rem;line-height:1.6;color:var(--text-secondary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
