.install-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:calc(80px + var(--space-2xl)) var(--space-lg) var(--space-2xl)}.install-hero{width:100%;max-width:800px}.install-content{text-align:center}.install-logo{width:100px;height:100px;border-radius:var(--radius-2xl);margin-bottom:var(--space-xl);box-shadow:var(--shadow-lg),0 0 40px #e5393533}.install-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;margin-bottom:var(--space-md);color:var(--color-text)}.install-subtitle{font-size:1.125rem;color:var(--color-text-secondary);max-width:500px;margin:0 auto var(--space-2xl)}#install-loading{display:flex;justify-content:center;padding:var(--space-2xl)}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mobile-install{margin-bottom:var(--space-2xl)}.install-button{display:inline-flex;align-items:center;gap:var(--space-md);padding:var(--space-lg) var(--space-2xl);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;font-size:1.25rem;font-weight:600;border-radius:var(--radius-xl);text-decoration:none;transition:all var(--transition-normal);box-shadow:0 4px 20px #e5393566}.install-button:hover{transform:translateY(-3px);box-shadow:0 8px 30px #e5393580}.install-button .store-icon{width:28px;height:28px}.platform-status{padding:var(--space-xl);background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);margin-bottom:var(--space-2xl)}.platform-status .status-icon{margin-bottom:var(--space-md)}.platform-status .status-icon .store-icon{width:48px;height:48px;color:var(--color-text-muted)}.platform-status.not-available{opacity:.7}.fallback-section{padding-top:var(--space-xl);border-top:1px solid var(--color-border)}.fallback-title{font-size:.875rem;color:var(--color-text-muted);margin-bottom:var(--space-md)}.store-link{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);font-weight:500;text-decoration:none;transition:all var(--transition-normal)}.store-link:hover{border-color:var(--color-primary);color:var(--color-primary)}.store-link .store-icon{width:20px;height:20px}.store-link.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.scan-instruction{font-size:1rem;color:var(--color-text-secondary);margin-bottom:var(--space-xl)}.qr-section{display:flex;gap:var(--space-xl);justify-content:center;flex-wrap:wrap}.qr-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-xl);min-width:240px;transition:all var(--transition-slow)}.qr-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 20px 40px #e5393526}.qr-card.disabled{opacity:.6}.qr-card.disabled:hover{border-color:var(--color-border);transform:none;box-shadow:none}.qr-card h3{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);font-size:1.125rem;margin-bottom:var(--space-lg)}.qr-card h3 .store-icon{width:24px;height:24px}.qr-code-container{background:#fff;border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-md);display:flex;align-items:center;justify-content:center}.qr-code-container img{display:block}.qr-placeholder{width:160px;height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f5f5f5;border-radius:var(--radius-md);color:#666;font-size:.875rem}.qr-placeholder .qr-url{font-size:.625rem;word-break:break-all;padding:var(--space-sm);text-align:center;color:#999}.qr-store-name{font-weight:600;color:var(--color-text);margin-bottom:var(--space-sm)}.qr-direct-link{font-size:.875rem;color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}.qr-direct-link:hover{color:var(--color-primary-light);text-decoration:underline}.qr-coming-soon{width:160px;height:160px;margin:0 auto var(--space-md);display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:2px dashed var(--color-border)}.qr-coming-soon span{font-size:.875rem;color:var(--color-text-muted);font-weight:500}@media (max-width: 768px){.install-page{padding:calc(80px + var(--space-xl)) var(--space-md) var(--space-xl)}.install-logo{width:80px;height:80px}.install-button{padding:var(--space-md) var(--space-xl);font-size:1.125rem}.qr-section{flex-direction:column;align-items:center}.qr-card{width:100%;max-width:280px}}