body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#333}.container{max-width:1200px;margin:0 auto;padding:0 20px}.footer{background:#f8f9fa;color:#666;padding:30px 0 20px;margin-top:auto;border-top:1px solid #e5e5e7}.footer-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.footer-brand h2{font-size:1.5rem;font-weight:700;color:#1d1d1f;margin-bottom:8px}.footer-brand p{font-size:.9rem;color:#86868b;margin:0}.footer-links{display:flex;align-items:center;gap:16px}.footer-links a{color:#666;text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s ease}.footer-links a:hover{color:#007aff}.footer-links .coming-soon{color:#86868b;opacity:.6}.footer-links .divider{color:#d2d2d7;font-size:.8rem}.footer-bottom{border-top:1px solid #e5e5e7;padding-top:20px;text-align:center;color:#86868b;font-size:.8rem}@media (max-width: 768px){.nav-content{flex-direction:column;gap:15px}.nav-links{gap:20px}.footer-content{flex-direction:column;gap:20px;text-align:center}.footer-links{justify-content:center}}@font-face{font-family:Material Icons;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/materialicons/v143/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format("woff2")}:root{--color-primary: #007AFF;--color-primary-hover: #0056CC;--color-primary-light: #E3F2FD;--color-secondary: #86868b;--color-text-primary: #1d1d1f;--color-text-secondary: #666;--color-text-muted: #86868b;--color-background: #ffffff;--color-background-secondary: #f8f9fa;--color-background-tertiary: #f1f1f1;--color-border: #e5e5e7;--color-border-light: #d2d2d7;--color-border-dark: #c1c1c1;--color-success: #34C759;--color-warning: #FF9500;--color-error: #FF3B30;--color-info: #007AFF;--font-family-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-family-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--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-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--border-radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--container-max-width: 1200px;--header-height: 60px;--header-height-mobile: 56px;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}@media (prefers-color-scheme: dark){:root{--color-background: #000000;--color-background-secondary: #1c1c1e;--color-background-tertiary: #2c2c2e;--color-text-primary: #ffffff;--color-text-secondary: #ebebf5;--color-text-muted: #8e8e93;--color-border: #38383a;--color-border-light: #48484a}}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family-primary);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-md)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-base)}h6{font-size:var(--font-size-sm)}p{margin-bottom:var(--spacing-md);line-height:var(--line-height-relaxed)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}ul,ol{margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg)}li{margin-bottom:var(--spacing-xs)}img{max-width:100%;height:auto;display:block}button{font-family:inherit;font-size:inherit;line-height:inherit;border:none;background:none;cursor:pointer;transition:all var(--transition-fast)}button:focus{outline:2px solid var(--color-primary);outline-offset:2px}input,textarea,select{font-family:inherit;font-size:inherit;line-height:inherit;border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--spacing-sm) var(--spacing-md);transition:border-color var(--transition-fast)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary)}table{width:100%;border-collapse:collapse;margin-bottom:var(--spacing-lg)}th,td{padding:var(--spacing-sm);text-align:left;border-bottom:1px solid var(--color-border)}th{font-weight:var(--font-weight-semibold);background-color:var(--color-background-secondary)}code{font-family:var(--font-family-mono);background-color:var(--color-background-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:.9em}pre{background-color:var(--color-background-secondary);padding:var(--spacing-md);border-radius:var(--border-radius-md);overflow-x:auto;margin-bottom:var(--spacing-lg)}pre code{background:none;padding:0}blockquote{border-left:4px solid var(--color-primary);padding-left:var(--spacing-md);margin:var(--spacing-lg) 0;font-style:italic;color:var(--color-text-secondary)}hr{border:none;border-top:1px solid var(--color-border);margin:var(--spacing-xl) 0}*:focus{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background-color:var(--color-primary-light);color:var(--color-text-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-background-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border-dark);border-radius:var(--border-radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-secondary)}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}@font-face{font-family:Material Icons;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/materialicons/v143/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format("woff2")}.material-icons{font-family:Material Icons,Arial,sans-serif;font-display:swap}.fonts-loaded .material-icons{font-family:Material Icons}.material-icons{visibility:visible!important;opacity:1!important}.material-icons:not(.loaded):before{content:"•";display:inline-block;width:1em;height:1em;text-align:center;line-height:1}*{box-sizing:border-box;transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.apps-grid{contain:layout style paint;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;min-height:0;min-width:0}.app-card{contain:layout style paint;height:auto;min-height:200px;will-change:transform;transform:translateZ(0)}.ad-grid-span{contain:layout style paint;min-height:250px;will-change:transform;transform:translateZ(0)}img{contain:layout style paint;max-width:100%;height:auto;will-change:transform;transform:translateZ(0)}body{font-display:swap;text-rendering:optimizeSpeed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-lg)}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.flex-1{flex:1}.flex-auto{flex:auto}.flex-none{flex:none}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.px-xs{padding-left:var(--spacing-xs);padding-right:var(--spacing-xs)}.px-sm{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.px-md{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.px-lg{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.px-xl{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}.py-xs{padding-top:var(--spacing-xs);padding-bottom:var(--spacing-xs)}.py-sm{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.py-md{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.py-lg{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.py-xl{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.mx-xs{margin-left:var(--spacing-xs);margin-right:var(--spacing-xs)}.mx-sm{margin-left:var(--spacing-sm);margin-right:var(--spacing-sm)}.mx-md{margin-left:var(--spacing-md);margin-right:var(--spacing-md)}.mx-lg{margin-left:var(--spacing-lg);margin-right:var(--spacing-lg)}.mx-xl{margin-left:var(--spacing-xl);margin-right:var(--spacing-xl)}.my-xs{margin-top:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.my-sm{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.my-md{margin-top:var(--spacing-md);margin-bottom:var(--spacing-md)}.my-lg{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.my-xl{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.ml-xs{margin-left:var(--spacing-xs)}.ml-sm{margin-left:var(--spacing-sm)}.ml-md{margin-left:var(--spacing-md)}.ml-lg{margin-left:var(--spacing-lg)}.ml-xl{margin-left:var(--spacing-xl)}.mr-xs{margin-right:var(--spacing-xs)}.mr-sm{margin-right:var(--spacing-sm)}.mr-md{margin-right:var(--spacing-md)}.mr-lg{margin-right:var(--spacing-lg)}.mr-xl{margin-right:var(--spacing-xl)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-primary-brand{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.leading-tight{line-height:var(--line-height-tight)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.bg-background{background-color:var(--color-background)}.bg-background-secondary{background-color:var(--color-background-secondary)}.bg-background-tertiary{background-color:var(--color-background-tertiary)}.bg-success{background-color:var(--color-success)}.bg-warning{background-color:var(--color-warning)}.bg-error{background-color:var(--color-error)}.border{border:1px solid var(--color-border)}.border-light{border:1px solid var(--color-border-light)}.border-dark{border:1px solid var(--color-border-dark)}.border-t{border-top:1px solid var(--color-border)}.border-b{border-bottom:1px solid var(--color-border)}.border-l{border-left:1px solid var(--color-border)}.border-r{border-right:1px solid var(--color-border)}.rounded-sm{border-radius:var(--border-radius-sm)}.rounded-md{border-radius:var(--border-radius-md)}.rounded-lg{border-radius:var(--border-radius-lg)}.rounded-xl{border-radius:var(--border-radius-xl)}.rounded-full{border-radius:var(--border-radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.hidden{display:none}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.w-full{width:100%}.h-full{height:100%}.w-auto{width:auto}.h-auto{height:auto}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.transition{transition:all var(--transition-normal)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}@media (max-width: 768px){.md\:hidden{display:none}.md\:block{display:block}.md\:flex{display:flex}.md\:flex-col{flex-direction:column}.md\:text-center{text-align:center}.md\:text-left{text-align:left}.md\:text-right{text-align:right}}@media (min-width: 769px){.lg\:hidden{display:none}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:flex-row{flex-direction:row}.lg\:text-center{text-align:center}.lg\:text-left{text-align:left}.lg\:text-right{text-align:right}}#app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);min-height:200px}.spinner{width:40px;height:40px;border:4px solid var(--color-background-secondary);border-top:4px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-md)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);font-weight:var(--font-weight-medium);text-decoration:none;transition:all var(--transition-fast);cursor:pointer;border:none;font-size:var(--font-size-sm);line-height:1}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--color-background-secondary);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{background-color:var(--color-background-tertiary);border-color:var(--color-border-dark)}.btn-outline{background-color:transparent;color:var(--color-primary);border:1px solid var(--color-primary)}.btn-outline:hover{background-color:var(--color-primary);color:#fff}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.adsense-wrapper svg{width:100%!important}.adsense-wrapper iframe{display:block;width:100%!important;max-width:100%!important}.section-ad{width:100%;display:flex;justify-content:center;align-items:center;margin:16px 0}.section-ad .adsense-wrapper{width:100%;max-width:100%;margin:0 auto}@media (max-width: 768px){.section-ad{margin:0}.adsense-wrapper iframe{min-height:0;max-height:none}}.card{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast)}.card:hover{box-shadow:var(--shadow-md)}.card-header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.card-body{color:var(--color-text-secondary)}.badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1}.badge-primary{background-color:var(--color-primary-light);color:var(--color-primary)}.badge-success{background-color:#d4edda;color:var(--color-success)}.badge-warning{background-color:#fff3cd;color:var(--color-warning)}.badge-error{background-color:#f8d7da;color:var(--color-error)}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;margin-bottom:var(--spacing-xs);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.form-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius-md);font-size:var(--font-size-base);transition:border-color var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #007aff1a}.form-select{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius-md);font-size:var(--font-size-base);background-color:var(--color-background);cursor:pointer}.grid{display:grid;gap:var(--spacing-lg)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}@media (max-width: 768px){.container{padding:0 var(--spacing-md)}.card{padding:var(--spacing-md)}.btn{width:100%;justify-content:center}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media print{.no-print{display:none!important}}.main-heading-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:2rem 0;margin-bottom:2rem;border-bottom:1px solid #dee2e6}.main-heading-section .container{text-align:center}.main-page-title{font-size:2.5rem;font-weight:700;color:#2c3e50;margin-bottom:1rem;line-height:1.2}.main-page-subtitle{font-size:1.2rem;color:#6c757d;margin-bottom:1.5rem;line-height:1.5}.seo-content{text-align:left;max-width:800px;margin:0 auto}.seo-content h2{font-size:1.5rem;font-weight:600;color:#495057;margin-bottom:.75rem}.seo-content h3{font-size:1.25rem;font-weight:500;color:#6c757d;margin-bottom:.75rem}.seo-content p{font-size:1rem;color:#6c757d;line-height:1.6;margin-bottom:1rem}.app-title-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:2rem 0;margin-bottom:2rem;border-bottom:1px solid #dee2e6}.app-title-section .container{text-align:center}.app-title-heading{font-size:2.25rem;font-weight:700;color:#2c3e50;margin-bottom:1rem;line-height:1.2}.app-title-subtitle{font-size:1.1rem;color:#6c757d;margin-bottom:1.5rem;line-height:1.5}@media (max-width: 768px){.main-page-title{font-size:2rem}.app-title-heading{font-size:1.75rem}.main-page-subtitle,.app-title-subtitle{font-size:1rem}.seo-content h2{font-size:1.25rem}.seo-content h3{font-size:1.1rem}}
