*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--md-sys-typescale-plain-font);background-color:var(--md-sys-color-background);color:var(--md-sys-color-on-background);line-height:1.6;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;position:relative;transition:background-color var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard),color var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard)}a{color:inherit;text-decoration:none}button{font-family:inherit;border:none;cursor:pointer;background:none}img,svg{display:block;max-width:100%}.bg-glow-orb{position:fixed;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:0;opacity:0.35;transition:all var(--md-sys-motion-duration-long) ease}.orb-1{width:500px;height:500px;top:-100px;left:15%;background:radial-gradient(circle,#2563eb 0%,rgba(37,99,235,0) 70%)}.orb-2{width:600px;height:600px;top:40%;right:-150px;background:radial-gradient(circle,#3b82f6 0%,rgba(59,130,246,0) 70%)}.top-app-bar{position:sticky;top:0;z-index:100;background-color:var(--brand-nav-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--brand-card-border);padding:12px 24px;transition:all var(--md-sys-motion-duration-short) ease}.nav-container{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand-logo{display:flex;align-items:center;gap:12px;font-family:var(--md-sys-typescale-brand-font);font-size:1.35rem;font-weight:800;letter-spacing:-0.3px;text-decoration:none}.logo-icon-wrap{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 14px rgba(37,99,235,0.35);transition:transform var(--md-sys-motion-duration-short) ease,box-shadow var(--md-sys-motion-duration-short) ease}.brand-logo:hover .logo-icon-wrap{transform:scale(1.05) rotate(2deg);box-shadow:0 6px 18px rgba(37,99,235,0.5)}.brand-logo-svg{width:100%;height:100%;display:block}.brand-text{font-weight:800;color:var(--md-sys-color-on-background);letter-spacing:-0.2px}.brand-text span{font-weight:700;color:var(--md-sys-color-primary);margin-left:1px}.nav-links{display:flex;align-items:center;gap:24px;list-style:none}.nav-link{font-size:0.95rem;font-weight:600;color:var(--md-sys-color-on-surface-variant);transition:color var(--md-sys-motion-duration-short) ease;position:relative;padding:6px 0}.nav-link:hover{color:var(--md-sys-color-primary)}.nav-link:after{content:'';position:absolute;bottom:0;left:0;width:0%;height:2px;background:var(--md-sys-color-primary);transition:width var(--md-sys-motion-duration-short) ease;border-radius:2px}.nav-link:hover:after{width:100%}.nav-actions{display:flex;align-items:center;gap:12px}.lang-select-wrapper{position:relative;display:flex;align-items:center}.lang-globe-icon{position:absolute;left:10px;width:16px;height:16px;fill:var(--md-sys-color-on-surface-variant);pointer-events:none;z-index:1}.lang-dropdown{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);border:1px solid var(--brand-card-border);border-radius:8px;padding:8px 30px 8px 32px;font-size:0.85rem;font-weight:600;font-family:inherit;cursor:pointer;outline:none;transition:all 0.2s ease;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2394a3b8'%3e%3cpath d='M7 10l5 5 5-5z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:16px}.lang-dropdown:hover{border-color:var(--md-sys-color-primary);background-color:var(--md-sys-color-surface-container-high)}.lang-dropdown:focus{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px rgba(59,130,246,0.2)}.lang-dropdown option{background-color:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface)}.icon-btn{width:38px;height:38px;border-radius:var(--md-sys-shape-corner-small);display:inline-flex;align-items:center;justify-content:center;background-color:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);border:1px solid var(--brand-card-border);transition:all var(--md-sys-motion-duration-short) ease}.icon-btn:hover{background-color:var(--md-sys-color-surface-container-highest);border-color:var(--md-sys-color-primary);transform:translateY(-1px)}.icon-btn svg{width:18px;height:18px;fill:currentColor}.mobile-menu-btn{display:none;width:38px;height:38px;border-radius:var(--md-sys-shape-corner-small);background-color:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);border:1px solid var(--brand-card-border);align-items:center;justify-content:center}.mobile-menu-btn svg{width:20px;height:20px;fill:currentColor}main{flex:1;position:relative;z-index:1}.section{padding:56px 24px;max-width:1280px;margin:0 auto}.section-header{text-align:center;max-width:760px;margin:0 auto 36px auto}.section-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:6px;background-color:var(--md-sys-color-surface-container-highest);border:1px solid var(--brand-card-border);color:var(--md-sys-color-primary);font-size:0.78rem;font-weight:700;text-transform:uppercase;letter-spacing:0.8px;margin-bottom:12px}.section-title{font-family:var(--md-sys-typescale-brand-font);font-size:1.85rem;font-weight:700;letter-spacing:-0.5px;margin-bottom:12px;color:var(--md-sys-color-on-background)}.section-subtitle{font-size:1rem;color:var(--md-sys-color-on-surface-variant);line-height:1.6}.highlight-text{color:var(--md-sys-color-primary)}.hero-section{padding:48px 24px 56px 24px;max-width:1280px;margin:0 auto;text-align:center}.hero-content{max-width:820px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.hero-title{font-family:var(--md-sys-typescale-brand-font);font-size:2.5rem;font-weight:700;letter-spacing:-0.8px;margin-bottom:16px;line-height:1.25;color:var(--md-sys-color-on-background)}.hero-description{font-size:1.05rem;color:var(--md-sys-color-on-surface-variant);margin-bottom:32px;line-height:1.65;max-width:680px}.hero-cta-group{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:24px}.btn-download-card{min-width:220px;min-height:60px;padding:10px 18px;border-radius:12px;display:inline-flex;align-items:center;gap:14px;text-decoration:none;box-sizing:border-box;transition:all var(--md-sys-motion-duration-short) ease;cursor:pointer}.btn-download-primary{background-color:var(--md-sys-color-primary);color:#ffffff;box-shadow:0 4px 14px var(--brand-glow)}.btn-download-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--brand-glow)}.btn-download-android{background-color:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);border:1px solid var(--brand-card-border)}.btn-download-android:hover{background-color:var(--md-sys-color-surface-container-highest);border-color:var(--md-sys-color-primary);transform:translateY(-2px)}.btn-card-icon{width:36px;height:36px;border-radius:8px;background:rgba(255,255,255,0.12);display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-card-icon svg{width:20px;height:20px}.btn-card-text{display:flex;flex-direction:column;text-align:left}.btn-card-title{font-family:var(--md-sys-typescale-brand-font);font-size:0.95rem;font-weight:700;line-height:1.2}.btn-card-sub{font-size:0.78rem;opacity:0.85;margin-top:2px}.hero-trust-tag{display:inline-flex;align-items:center;gap:8px;font-size:0.875rem;color:var(--md-sys-color-on-surface-variant)}.hero-trust-tag svg{width:16px;height:16px;fill:var(--brand-accent-amber)}.stats-bar-container{max-width:1100px;margin:0 auto 40px auto;padding:20px 24px;background-color:var(--md-sys-color-surface-container);border:1px solid var(--brand-card-border);border-radius:var(--md-sys-shape-corner-medium);box-shadow:var(--md-sys-elevation-1);display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.stat-item{display:flex;align-items:center;gap:14px;position:relative}.stat-item:not(:last-child)::after{content:'';position:absolute;top:15%;right:-10px;height:70%;width:1px;background-color:var(--brand-card-border)}.stat-icon-box{width:44px;height:44px;border-radius:10px;background-color:var(--md-sys-color-surface-container-high);border:1px solid var(--brand-card-border);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon-box svg{width:22px;height:22px}.stat-item.item-red .stat-icon-box{color:#dc2626}.stat-item.item-blue .stat-icon-box{color:var(--md-sys-color-primary)}.stat-item.item-amber .stat-icon-box{color:#f59e0b}.stat-item.item-green .stat-icon-box{color:#22c55e}.stat-content{display:flex;flex-direction:column;text-align:left}.stat-value{font-family:var(--md-sys-typescale-brand-font);font-size:1.5rem;font-weight:700;color:var(--md-sys-color-on-background);line-height:1.2}.stat-label{font-size:0.78rem;color:var(--md-sys-color-on-surface-variant);margin-top:2px}.spotlight-card{background-color:var(--md-sys-color-surface-container);border:1px solid var(--brand-card-border);border-radius:var(--md-sys-shape-corner-large);padding:32px;position:relative;margin-bottom:32px}.spotlight-grid{display:grid;grid-template-columns:1.05fr 0.95fr;gap:32px;align-items:center}.spotlight-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background-color:rgba(59,130,246,0.12);border:1px solid rgba(59,130,246,0.3);border-radius:6px;font-size:0.78rem;font-weight:700;color:var(--md-sys-color-primary);text-transform:uppercase;letter-spacing:0.6px;margin-bottom:12px}.spotlight-title{font-family:var(--md-sys-typescale-brand-font);font-size:1.85rem;font-weight:700;color:var(--md-sys-color-on-background);line-height:1.25;margin-bottom:4px}.spotlight-tagline{font-family:var(--md-sys-typescale-brand-font);font-size:1.05rem;font-weight:600;color:#60a5fa;margin-bottom:12px}[data-theme="light"] .spotlight-tagline{color:#2563eb}.spotlight-desc{font-size:0.92rem;line-height:1.6;color:var(--md-sys-color-on-surface-variant);margin-bottom:20px}.spotlight-metrics-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.spotlight-metric-card{flex:1;min-width:90px;padding:8px 12px;background-color:var(--md-sys-color-surface-container-high);border:1px solid var(--brand-card-border);border-radius:8px;text-align:center}.metric-val{font-family:var(--md-sys-typescale-brand-font);font-size:1.3rem;font-weight:700;color:var(--md-sys-color-primary);margin-bottom:2px}.metric-lbl{font-size:0.75rem;color:var(--md-sys-color-on-surface-variant);font-weight:600}.spotlight-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.btn-spotlight-play{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background-color:var(--md-sys-color-primary);color:#ffffff !important;border-radius:8px;font-family:var(--md-sys-typescale-brand-font);font-size:0.9rem;font-weight:700;box-shadow:0 4px 14px var(--brand-glow);transition:all var(--md-sys-motion-duration-short) ease}.btn-spotlight-play:hover{background-color:#2563eb !important;color:#ffffff !important;transform:translateY(-2px);box-shadow:0 6px 20px rgba(37,99,235,0.45)}.btn-spotlight-qr{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background-color:var(--md-sys-color-surface-container-high);border:1px solid var(--brand-card-border);color:var(--md-sys-color-on-surface);border-radius:8px;font-family:var(--md-sys-typescale-brand-font);font-size:0.875rem;font-weight:600;transition:all var(--md-sys-motion-duration-short) ease}.btn-spotlight-qr:hover{border-color:var(--md-sys-color-primary);color:var(--md-sys-color-primary)}.spotlight-banner-wrapper{width:100%;aspect-ratio:1025 / 500;border-radius:14px;overflow:hidden;border:1px solid var(--brand-card-border);background-color:var(--md-sys-color-surface-container-high);box-shadow:0 12px 32px rgba(0,0,0,0.25);position:relative}.spotlight-banner-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.35s ease}.spotlight-card:hover .spotlight-banner-img{transform:scale(1.03)}.apps-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.app-card{background-color:var(--md-sys-color-surface-container);border:1px solid var(--brand-card-border);border-radius:var(--md-sys-shape-corner-medium);overflow:hidden;display:flex;flex-direction:column;transition:all var(--md-sys-motion-duration-short) ease}.app-card:hover{border-color:var(--md-sys-color-primary);transform:translateY(-3px);box-shadow:var(--md-sys-elevation-2)}.app-card-banner{width:100%;aspect-ratio:1024 / 500;background-color:var(--md-sys-color-surface-container-high);overflow:hidden;position:relative}.app-banner-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.35s ease}.app-card:hover .app-banner-img{transform:scale(1.04)}.app-card-body{padding:22px 24px 24px;display:flex;flex-direction:column;flex:1}.app-card-top{display:flex;align-items:center;gap:14px;margin-bottom:12px}.app-icon-box{width:48px;height:48px;border-radius:12px;background-color:transparent;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.25)}.app-icon-img{width:100%;height:100%;object-fit:cover;display:block;border-radius:12px}.app-card-header-info{flex:1}.app-title{font-family:var(--md-sys-typescale-brand-font);font-size:1.25rem;font-weight:700;color:var(--md-sys-color-on-background);line-height:1.3;margin-bottom:4px}.app-subtitle{font-family:var(--md-sys-typescale-brand-font);font-size:0.95rem;font-weight:600;color:#60a5fa;line-height:1.4;margin-top:10px;margin-bottom:8px}[data-theme="light"] .app-subtitle{color:#2563eb}.app-rating-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.app-stat-chip{display:inline-flex;align-items:center;gap:5px;font-size:0.8125rem;font-weight:600;color:var(--md-sys-color-on-surface-variant);line-height:1}.stat-chip-icon{width:14px;height:14px;fill:currentColor;flex-shrink:0}.stat-chip-icon.star-icon{color:#f59e0b}.stat-chip-icon.review-icon{color:#3b82f6}.stat-chip-icon.download-icon{color:#10b981}.app-desc{font-size:0.92rem;line-height:1.6;color:var(--md-sys-color-on-surface-variant);margin-bottom:20px;flex-grow:1}.app-card-actions{display:flex;align-items:center;gap:10px;margin-top:auto}.btn-play-store{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 18px;background-color:var(--md-sys-color-surface-container-high);border:1px solid var(--brand-card-border);color:var(--md-sys-color-on-surface);border-radius:8px;font-family:var(--md-sys-typescale-brand-font);font-size:0.875rem;font-weight:600;transition:all var(--md-sys-motion-duration-short) ease}.btn-play-store:hover{background-color:var(--md-sys-color-primary);border-color:var(--md-sys-color-primary);color:#ffffff}.play-svg-icon{width:16px;height:16px}.btn-action-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background-color:var(--md-sys-color-surface-container-high);border:1px solid var(--brand-card-border);border-radius:8px;color:var(--md-sys-color-on-surface-variant);transition:all var(--md-sys-motion-duration-short) ease}.btn-action-icon:hover{border-color:var(--md-sys-color-primary);color:var(--md-sys-color-primary)}.btn-action-icon svg{width:18px;height:18px;fill:currentColor}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;z-index:9999;padding:20px}.modal-backdrop.active{display:flex}.modal-card{background-color:var(--md-sys-color-surface-container);border:1px solid var(--brand-card-border);border-radius:var(--md-sys-shape-corner-large);box-shadow:0 20px 48px rgba(0,0,0,0.4);max-width:380px;width:100%;padding:32px 24px;text-align:center;position:relative}.modal-close-btn{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:6px;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--md-sys-motion-duration-short) ease}.modal-close-btn:hover{color:var(--md-sys-color-primary);background:var(--md-sys-color-surface-container-highest)}.modal-qr-box{background:#ffffff;padding:12px;border-radius:12px;display:inline-block;box-shadow:0 4px 14px rgba(0,0,0,0.15);margin:16px auto}.modal-qr-img{width:180px;height:180px;display:block}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.why-card{background-color:var(--md-sys-color-surface-container);border:1px solid var(--brand-card-border);border-radius:var(--md-sys-shape-corner-medium);padding:24px 20px;transition:all var(--md-sys-motion-duration-short) ease}.why-card:hover{border-color:var(--md-sys-color-primary);transform:translateY(-2px)}.why-card-header{display:flex;align-items:center;gap:14px;margin-bottom:14px}.why-icon-box{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:0}.why-icon-box svg{width:22px;height:22px}.why-card-title{font-family:var(--md-sys-typescale-brand-font);font-size:1.05rem;font-weight:700;color:var(--md-sys-color-on-background);line-height:1.3;margin-bottom:0}.why-card-desc{font-size:0.875rem;line-height:1.55;color:var(--md-sys-color-on-surface-variant)}.dev-banner{background-color:var(--md-sys-color-surface-container);border:1px solid var(--brand-card-border);border-radius:var(--md-sys-shape-corner-large);padding:40px 24px;text-align:center;max-width:1280px;margin:0 auto 40px}.dev-banner-content{max-width:640px;margin:0 auto}.dev-title{font-family:var(--md-sys-typescale-brand-font);font-size:1.85rem;font-weight:700;color:var(--md-sys-color-on-background);margin-bottom:10px}.dev-desc{font-size:0.95rem;color:var(--md-sys-color-on-surface-variant);margin-bottom:24px}.btn-dev-cta{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;background-color:var(--md-sys-color-primary);color:#ffffff;border-radius:8px;font-family:var(--md-sys-typescale-brand-font);font-size:0.95rem;font-weight:700;box-shadow:0 4px 14px var(--brand-glow);transition:all var(--md-sys-motion-duration-short) ease}.btn-dev-cta:hover{transform:translateY(-2px);box-shadow:0 6px 18px var(--brand-glow)}.btn-dev-cta svg{width:18px;height:18px}.site-footer{background-color:var(--md-sys-color-surface-container);border-top:1px solid var(--brand-card-border);padding:56px 24px 28px;margin-top:40px}.footer-container{max-width:1280px;margin:0 auto}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:32px;margin-bottom:40px}.footer-brand-col p{font-size:0.9rem;color:var(--md-sys-color-on-surface-variant);margin-top:12px;max-width:320px}.footer-col-title{font-family:var(--md-sys-typescale-brand-font);font-size:1rem;font-weight:700;color:var(--md-sys-color-on-background);margin-bottom:16px}.footer-links{list-style:none;display:flex;flex-direction:column;gap:8px}.footer-link{font-size:0.875rem;color:var(--md-sys-color-on-surface-variant);transition:color var(--md-sys-motion-duration-short) ease}.footer-link:hover{color:var(--md-sys-color-primary)}.footer-contact-box{font-size:0.875rem;color:var(--md-sys-color-on-surface-variant)}.footer-email-link{display:inline-block;margin-top:6px;font-weight:600;color:var(--md-sys-color-primary)}.footer-bottom-row{border-top:1px solid var(--brand-card-border);padding-top:20px;display:flex;align-items:center;justify-content:center;text-align:center;gap:16px;flex-wrap:wrap;font-size:0.8125rem;color:var(--md-sys-color-on-surface-variant)}@media (max-width:1024px){.hero-title{font-size:2.2rem}.spotlight-grid{grid-template-columns:1fr;gap:28px}.apps-grid{grid-template-columns:1fr}.why-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.nav-links{display:none;position:absolute;top:100%;left:0;width:100%;background-color:var(--md-sys-color-surface-container);border-bottom:1px solid var(--brand-card-border);flex-direction:column;padding:16px 24px;gap:12px}.nav-links.open{display:flex}.mobile-menu-btn{display:flex}.hero-title{font-size:1.85rem}.stats-bar-container{grid-template-columns:repeat(2,1fr);gap:16px;padding:16px}.stat-item:nth-child(2)::after{display:none}.spotlight-card{padding:24px 16px}.why-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:24px}.footer-bottom-row{flex-direction:column;text-align:center}}