:root{--color-bg: #F8FAFC;--color-surface: #ffffff;--color-surface-alt: #F1F5F9;--color-primary: #9B7CF8;--color-primary-light: #EDE9FE;--color-primary-dark: #7C3AED;--color-accent: #22C55E;--color-accent-dark: #16A34A;--color-accent-light: #DCFCE7;--color-text: #1F2937;--color-text-muted: #475569;--color-border: #CBD5E1;--color-shadow: rgba(0, 0, 0, .07);--font-sans: "Nunito", system-ui, -apple-system, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--max-width: 1200px;--border-radius-sm: .5rem;--border-radius: 1rem;--border-radius-lg: 1.5rem;--border-radius-xl: 2rem;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow: 0 4px 16px rgba(0,0,0,.08);--shadow-lg: 0 8px 32px rgba(0,0,0,.12)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-bg);line-height:1.65;min-height:100vh;display:flex;flex-direction:column}main{flex:1}img{max-width:100%;height:auto;display:block}a{color:var(--color-accent-dark);text-decoration:none;transition:color .2s}a:hover{color:var(--color-accent)}ul,ol{list-style:none}h1,h2,h3,h4{line-height:1.25;font-weight:800;color:var(--color-text)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}p{margin-bottom:var(--space-4)}p:last-child{margin-bottom:0}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6)}.section{padding:var(--space-16) 0}.section--alt{background-color:var(--color-surface-alt)}.site-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm)}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);max-width:var(--max-width);margin:0 auto;gap:var(--space-4)}.site-logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;flex-shrink:0}.site-logo img{height:40px;width:auto}.site-logo-text{font-size:var(--font-size-xl);font-weight:800;color:var(--color-primary);letter-spacing:-.02em}.site-nav{display:flex;align-items:center;gap:var(--space-6);flex-wrap:wrap}.site-nav a{font-size:var(--font-size-sm);font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;transition:color .2s}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--color-primary)}.lang-switcher{display:flex;gap:var(--space-2);align-items:center}.lang-switcher a{font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:var(--space-1) var(--space-2);border-radius:var(--border-radius-sm);border:2px solid var(--color-primary-light);color:var(--color-primary);transition:all .2s}.lang-switcher a:hover,.lang-switcher a.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.hero{text-align:center;padding:var(--space-20) var(--space-6);background:linear-gradient(150deg,#9b7cf8,#7c3aed)}.hero h1{font-size:clamp(var(--font-size-3xl),6vw,var(--font-size-5xl));color:#fff;margin-bottom:var(--space-6)}.hero p{font-size:var(--font-size-xl);color:#ffffffd9;max-width:640px;margin:0 auto var(--space-8)}.hero-cta{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--color-accent);color:#fff;font-weight:700;font-size:var(--font-size-base);padding:var(--space-4) var(--space-8);border-radius:var(--border-radius-xl);transition:background .2s,transform .2s,box-shadow .2s;box-shadow:0 4px 14px #22c55e59}.hero-cta:hover{background:var(--color-accent-dark);color:#fff;transform:translateY(-2px);box-shadow:0 6px 18px #22c55e66}.section-header{text-align:center;margin-bottom:var(--space-12)}.section-header h2{margin-bottom:var(--space-4);color:var(--color-text)}.section-header p{color:var(--color-text-muted);font-size:var(--font-size-lg);max-width:560px;margin:0 auto}.apps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-8)}.app-card{background:var(--color-surface);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow);transition:transform .25s,box-shadow .25s;display:flex;flex-direction:column;border:1px solid #cbd5e1;text-decoration:none;color:inherit;cursor:pointer}.app-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.app-card__image{width:100%;aspect-ratio:4/3;overflow:hidden;background:var(--color-surface-alt)}.app-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.app-card:hover .app-card__image img{transform:scale(1.03)}.app-card__body{padding:var(--space-6);flex:1;display:flex;flex-direction:column}.app-card__name{font-size:var(--font-size-xl);font-weight:800;margin-bottom:var(--space-3);color:var(--color-text)}.app-card__desc{color:var(--color-text-muted);font-size:var(--font-size-sm);flex:1;margin-bottom:var(--space-5)}.app-card__link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:700;color:var(--color-accent-dark);border:2px solid var(--color-accent-light);padding:var(--space-2) var(--space-4);border-radius:var(--border-radius-xl);align-self:flex-start;transition:all .2s}.app-card:hover .app-card__link{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.app-detail{max-width:900px;margin:0 auto;padding:var(--space-12) var(--space-6)}.app-detail__header{display:flex;align-items:flex-start;gap:var(--space-6);margin-bottom:var(--space-10)}.app-detail__header-body{flex:1;min-width:0}.app-detail__icon{width:120px;height:120px;border-radius:26px;object-fit:contain;flex-shrink:0;box-shadow:var(--shadow)}.app-detail__title{font-size:var(--font-size-4xl);margin-bottom:var(--space-3)}.app-detail__short-desc{color:var(--color-text-muted);font-size:var(--font-size-lg);margin-bottom:var(--space-5)}.store-buttons{display:flex;gap:var(--space-4);flex-wrap:wrap}.store-badge-link{display:inline-block;transition:opacity .2s,transform .2s}.store-badge-link:hover{opacity:.85;transform:translateY(-1px)}.store-badge{display:block;height:40px;width:auto}.app-detail__description{margin-bottom:var(--space-10)}.app-detail__description p{font-size:var(--font-size-lg);color:var(--color-text-muted)}.app-detail__features{background:var(--color-surface-alt);border-radius:var(--border-radius-lg);padding:var(--space-8);margin-bottom:var(--space-10)}.app-detail__features h2{font-size:var(--font-size-2xl);margin-bottom:var(--space-6)}.features-list{display:flex;flex-direction:column;gap:var(--space-3)}.feature-item{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--font-size-base)}.feature-icon{color:var(--color-accent);font-size:var(--font-size-lg);flex-shrink:0;margin-top:2px}.app-detail__screenshots h2{font-size:var(--font-size-2xl);margin-bottom:var(--space-6)}.screenshots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-6)}.screenshot-item{border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow);background:var(--color-surface-alt)}.screenshot-item img{width:100%;height:auto;display:block}.about-content{max-width:760px;margin:0 auto}.about-content h1{margin-bottom:var(--space-4)}.about-content .intro{font-size:var(--font-size-xl);color:var(--color-text-muted);margin-bottom:var(--space-10)}.about-content p{font-size:var(--font-size-lg);color:var(--color-text-muted)}.legal-content{max-width:760px;margin:0 auto}.legal-content h1{margin-bottom:var(--space-3)}.legal-content .last-updated{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:var(--space-10)}.legal-content .intro{font-size:var(--font-size-lg);color:var(--color-text-muted);margin-bottom:var(--space-8);padding-bottom:var(--space-8);border-bottom:1px solid var(--color-border)}.legal-section{margin-bottom:var(--space-8)}.legal-section h2{font-size:var(--font-size-xl);margin-bottom:var(--space-3);color:var(--color-primary)}.legal-section p{color:var(--color-text-muted);font-size:var(--font-size-base)}.contact-strip{background:linear-gradient(150deg,#9b7cf8,#7c3aed);color:#fff;text-align:center;padding:var(--space-16) var(--space-6);border-radius:var(--border-radius-xl);margin:0 var(--space-6) var(--space-16)}.contact-strip h2{color:#fff;margin-bottom:var(--space-4)}.contact-strip p{font-size:var(--font-size-lg);opacity:.9;margin-bottom:var(--space-6)}.contact-strip a{color:#fff;font-weight:700;font-size:var(--font-size-xl);text-decoration:underline;text-underline-offset:4px}.site-footer{background:var(--color-text);color:#ffffffb3;padding:var(--space-10) var(--space-6);margin-top:auto}.footer-inner{max-width:var(--max-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-6)}.footer-brand{font-size:var(--font-size-lg);font-weight:800;color:#fff}.footer-tagline{font-size:var(--font-size-sm);opacity:.6;margin-top:var(--space-1)}.footer-links{display:flex;gap:var(--space-6);flex-wrap:wrap}.footer-links a{color:#fff9;font-size:var(--font-size-sm);transition:color .2s}.footer-links a:hover{color:#fff}.footer-copy{width:100%;text-align:center;font-size:var(--font-size-xs);opacity:.4;padding-top:var(--space-6);border-top:1px solid rgba(255,255,255,.1);margin-top:var(--space-4)}.page-banner{background:var(--color-surface-alt);padding:var(--space-16) var(--space-6) var(--space-12);text-align:center;border-bottom:1px solid var(--color-border)}.page-banner h1{margin-bottom:var(--space-3)}.page-banner p{color:var(--color-text-muted);font-size:var(--font-size-lg);margin:0}@media (max-width: 768px){h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}.header-inner{flex-wrap:wrap;gap:var(--space-3)}.site-nav{gap:var(--space-4)}.apps-grid{grid-template-columns:1fr}.app-detail__header{flex-direction:column}.hero{padding:var(--space-12) var(--space-4)}.screenshots-grid{grid-template-columns:1fr}.footer-inner{flex-direction:column;text-align:center}.footer-links{justify-content:center}.contact-strip{margin:0 var(--space-4) var(--space-12);border-radius:var(--border-radius-lg)}}@media (max-width: 480px){.container{padding:0 var(--space-4)}.section{padding:var(--space-12) 0}.site-nav{display:none}}
