:root{--primary-color: #0d9488;--primary-hover: #0f766e;--primary-light: #ccfbf1;--accent-color: #f97316;--accent-hover: #ea580c;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--background-color: #f8fafc;--surface-color: #ffffff;--card-bg: rgba(255, 255, 255, .95);--card-border: rgba(226, 232, 240, .8);--card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--card-shadow-hover: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--success-color: #10b981;--error-color: #ef4444;--skeleton-base: #e2e8f0;--skeleton-highlight: #f1f5f9;--glass-blur: 12px;--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 16px;--border-radius-xl: 24px;--container-max-width: 1200px}@media(prefers-color-scheme:dark){:root{--primary-color: #14b8a6;--primary-hover: #2dd4bf;--primary-light: rgba(20, 184, 166, .1);--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #64748b;--background-color: #0f172a;--surface-color: #1e293b;--card-bg: rgba(30, 41, 59, .7);--card-border: rgba(255, 255, 255, .1);--card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .5);--skeleton-base: #1e293b;--skeleton-highlight: #334155}}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color);color:var(--text-primary);line-height:1.5;min-height:100vh;display:flex;flex-direction:column}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 15% 50%,rgba(13,148,136,.08) 0%,transparent 25%),radial-gradient(circle at 85% 30%,rgba(249,115,22,.05) 0%,transparent 25%);z-index:-1;pointer-events:none}#root{width:100%;display:flex;flex-direction:column;min-height:100vh}button{font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--text-muted);border-radius:4px;border:2px solid var(--background-color)}.app-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:24px;width:100%;overflow-x:hidden}.app-card{display:flex;flex-direction:column;background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-xl);box-shadow:var(--card-shadow);width:100%;max-width:480px;overflow:hidden;position:relative;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));transition:max-width .5s ease-in-out}@media(min-width:600px){.app-card{max-width:600px}.branding-section{padding:40px 32px}.action-section{padding:32px}.app-title{font-size:2.25rem}.download-buttons{flex-direction:row}}@media(min-width:1024px){.app-card.desktop-layout{flex-direction:row;max-width:var(--container-max-width);min-height:600px}}.branding-section{flex:1;padding:32px 24px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:linear-gradient(135deg,var(--surface-color) 0%,#f1f5f9 100%);position:relative;overflow:hidden}.desktop-layout .branding-section{align-items:flex-start;text-align:left;border-right:1px solid var(--card-border);padding:64px 48px;width:55%;display:grid;grid-template-rows:auto auto 1fr;gap:32px}.desktop-layout .branding-content{max-width:100%}.desktop-layout .features-container{display:flex;flex-direction:column;gap:24px;margin-top:16px;width:100%}.desktop-layout .feature-item{display:flex;align-items:center;gap:16px;padding:12px;border-radius:var(--border-radius-md);background:#ffffff80;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:transform .2s ease}.desktop-layout .feature-item:hover{transform:translate(4px);background:#fffc}.desktop-layout .feature-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--primary-light);color:var(--primary-color);border-radius:10px;font-size:1.1em}.desktop-layout .feature-text h3{margin:0 0 4px;font-size:.95rem;font-weight:600;color:var(--text-primary)}.desktop-layout .feature-text p{margin:0;font-size:.85rem;color:var(--text-secondary)}.desktop-layout .hero-placeholder{width:100%;height:100%;display:flex;justify-content:center;align-items:flex-end;margin-top:auto;overflow:hidden;position:relative;padding-top:20px}.desktop-layout .phone-frame{width:240px;height:400px;background:#fff;border:8px solid #cbd5e1;border-radius:32px 32px 0 0;border-bottom:none;box-shadow:0 20px 40px -10px #0003;position:relative;transform:translateY(20px);overflow:hidden}.desktop-layout .phone-screen{width:100%;height:100%;background:linear-gradient(180deg,var(--primary-light) 0%,#fff 100%);display:flex;align-items:center;justify-content:center;opacity:.8}.desktop-layout .app-preview-icon img{width:64px;height:64px;border-radius:16px;box-shadow:0 8px 16px #0000001a;opacity:.8}.branding-section:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(13,148,136,.03) 0%,transparent 70%);z-index:0}.app-icon{width:120px;height:120px;border-radius:24px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;margin-bottom:32px;z-index:1;transition:transform .3s ease}.app-icon:hover{transform:scale(1.02)}.app-icon-placeholder{width:120px;height:120px;border-radius:24px;background:var(--skeleton-base);margin-bottom:32px;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.branding-content{z-index:1;max-width:400px}.app-title{font-size:2rem;font-weight:800;color:var(--text-primary);margin:0 0 12px;letter-spacing:-.025em;line-height:1.2}.app-description{font-size:1.125rem;color:var(--text-secondary);margin:0;line-height:1.6}.action-section{flex:1;padding:24px;display:flex;flex-direction:column;justify-content:center;background-color:var(--surface-color);position:relative}.desktop-layout .action-section{padding:64px;width:50%}.download-buttons{display:flex;flex-direction:column;gap:16px;width:100%;max-width:360px;margin:0 auto}.download-button{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 24px;border-radius:var(--border-radius-md);font-weight:600;font-size:1.05rem;transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid transparent;cursor:pointer;text-decoration:none;min-height:56px}.download-button.android{background-color:#fff;border-color:#d1d5db;color:var(--text-primary);box-shadow:0 1px 2px #0000000d}.download-button.android:hover{background-color:#f8fafc;border-color:#9ca3af;transform:translateY(-1px)}.download-button.ios{background-color:var(--text-primary);color:#fff;border-color:transparent;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.download-button.ios:hover{background-color:#1e293b;transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.qrcode-area{display:flex;flex-direction:column;align-items:center;margin-top:40px;border-top:1px solid var(--card-border);padding-top:32px}.qrcode-wrapper{background:#fff;padding:16px;border-radius:var(--border-radius-md);box-shadow:0 4px 6px -1px #0000000d;border:1px solid var(--card-border)}.scan-text{margin-top:16px;font-size:.875rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.version-section{margin-top:40px;width:100%}.version-section h2{font-size:.95rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:16px;font-weight:600;border-bottom:1px solid var(--card-border);padding-bottom:8px}.version-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.version-item{background-color:#fff9;border:1px solid var(--card-border);border-radius:var(--border-radius-sm);padding:16px;transition:all .2s ease}.version-item:hover{background-color:#fff;border-color:var(--primary-light);box-shadow:0 2px 4px #00000005}.version-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.version-title{font-weight:600;color:var(--text-primary);font-size:.95rem;display:flex;align-items:center;gap:8px}.version-badge{font-size:.75rem;padding:2px 8px;border-radius:9999px;background-color:var(--primary-light);color:var(--primary-color);font-weight:600}.version-meta{font-size:.85rem;color:var(--text-muted);display:flex;gap:12px}.version-changelog{font-size:.875rem;color:var(--text-secondary);margin-top:8px;line-height:1.5}.skeleton-loader div{background-color:var(--skeleton-base);border-radius:var(--border-radius-sm);margin-bottom:12px;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.error-message{color:var(--error-color);background-color:#fef2f2;border:1px solid #fee2e2;padding:16px;border-radius:var(--border-radius-md);text-align:center;font-weight:500}.app-footer{padding:24px;text-align:center;color:var(--text-muted);font-size:.875rem;width:100%}.desktop-only{display:none}.mobile-only,.desktop-layout .desktop-only{display:block}.desktop-layout .mobile-only{display:none}.desktop-layout .branding-section .app-footer{margin-top:auto;position:absolute;bottom:0;left:0;z-index:10}@media(prefers-color-scheme:dark){.branding-section{background:linear-gradient(135deg,#1e293b,#0f172a)}.download-button.android{background-color:#1e293b;border-color:#334155;color:#f1f5f9}.download-button.android:hover{background-color:#334155}.download-button.ios{background-color:#f8fafc;color:#0f172a}.download-button.ios:hover{background-color:#e2e8f0}.version-item{background-color:#1e293b80}.version-item:hover{background-color:#1e293b}}