html,body,#app{height:100%}*{margin:0;padding:0;box-sizing:border-box}a{color:#333;text-decoration:none}img{vertical-align:top}ul,ol{list-style:none}.app-main-check-update{width:0px;height:0px;overflow:hidden}:root{--brand-red-start: #e1251b;--brand-red-end: #c21a14;--brand-gradient: linear-gradient(145deg, var(--brand-red-start) 0%, var(--brand-red-end) 100%);--brand-gradient-hover: linear-gradient(145deg, rgba(225, 37, 27, .9) 0%, rgba(194, 26, 20, .9) 100%);--brand-dark-accent: #8B0000;--brand-red-light: #fff3f2;--brand-border-light: #fecaca;--lenovo-red: #c21a14;--lenovo-red-light: #e1251b;--lenovo-red-dark: #8B0000;--primary-color: var(--lenovo-red);--primary-color-hover: var(--lenovo-red-light);--primary-color-pressed: var(--lenovo-red-dark);--primary-color-focus: rgba(204, 0, 0, .2);--secondary-color: #f0f0f0;--secondary-color-hover: #e0e0e0;--secondary-color-pressed: #d0d0d0;--text-color-primary: #111827;--text-color-secondary: #4d4d4d;--text-color-tertiary: #808080;--text-color-gray: #6b7280;--text-color-brand: var(--brand-red-end);--text-color-brand-light: var(--brand-red-light);--text-color-brand-dark: var(--brand-dark-accent);--border-color: #e0e0e0;--border-color-light: #f0f0f0;--background-color: #ffffff;--background-color-light: #f3f4f6;--background-color-dark: #f0f0f0;--background-color-pink: #fef2f2;--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-family-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 1.75rem;--font-size-3xl: 2rem;--font-size-4xl: 2.25rem;--font-size-5xl: 2.5rem;--font-size-6xl: 3rem;--font-size-7xl: 3.5rem;--font-size-8xl: 4rem;--font-size-9xl: 4.5rem;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--line-height-xs: 1.4;--line-height-sm: 1.5;--line-height-base: 1.6;--line-height-md: 1.7;--space-2xs: 4px;--space-xs: 8px;--space-sm: 12px;--space-base: 16px;--space-md: 20px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 40px;--space-3xl: 48px;--border-radius-sm: 2px;--border-radius-base: 4px;--border-radius-md: 6px;--border-radius-lg: 8px;--border-radius-xl: 12px;--border-radius-round: 50%;--border-radius-pill: 999px;--box-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--box-shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--box-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--box-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--transition-duration-fast: .1s;--transition-duration-base: .2s;--transition-duration-slow: .3s;--transition-timing-function: cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-base);font-weight:var(--font-weight-regular);color:var(--text-color-primary);background-color:var(--background-color)}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-duration-base) var(--transition-timing-function)}a:hover{color:var(--primary-color-hover)}.btn-brand-outline{border:2px solid var(--brand-border-light);color:var(--brand-red-end);background:transparent;font-weight:600;border-radius:8px;padding:.5em 1.5em;transition:color .2s,border-color .2s;font-size:var(--font-size-xl);color:var(--primary-color);display:flex;align-items:center}.btn-brand-outline:hover{color:var(--brand-dark-accent);border-color:var(--brand-red-end)}.navbar-tag{margin-left:auto;background-color:var(--background-color-light);padding:var(--space-xs) var(--space-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);color:var(--text-color-secondary)}.hero{text-align:center;margin-bottom:var(--space-xl)}.hero-title{font-size:var(--font-size-xxxl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-md);color:var(--primary-color)}.hero-subtitle{font-size:var(--font-size-lg);color:var(--text-color-secondary);line-height:var(--line-height-md)}.card{background-color:var(--background-color);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-base);padding:var(--space-lg);border:1px solid var(--border-color)}.card-title{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);margin-bottom:var(--space-md);color:var(--primary-color)}.card-content{color:var(--text-color-secondary);line-height:var(--line-height-md)}.btn{display:inline-flex;line-height:var(--line-height-sm);align-items:center;justify-content:center;padding:var(--space-sm) var(--space-lg);border-radius:var(--border-radius-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-duration-base) var(--transition-timing-function);border:none;outline:none}.btn:focus{box-shadow:0 0 0 2px var(--primary-color-focus)}.btn-primary{background:var(--brand-gradient);color:#fff}.btn-primary:not(.n-button--disabled):hover{background:var(--brand-gradient-hover)}.btn-primary:active{background-color:var(--primary-color-pressed)}.btn-secondary{background-color:var(--secondary-color);color:var(--text-color-primary)}.btn-secondary:hover{background-color:var(--secondary-color-hover)}.btn-secondary:active{background-color:var(--secondary-color-pressed)}.button-group{display:flex;justify-content:center}.tabs{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:var(--space-lg)}.tab{padding:var(--space-sm) var(--space-md);cursor:pointer;font-weight:var(--font-weight-medium);color:var(--text-color-secondary);border-bottom:2px solid transparent;transition:all var(--transition-duration-base) var(--transition-timing-function)}.tab:hover{color:var(--primary-color)}.tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}@media(max-width:768px){:root{--font-size-base: 15px}.navbar{padding:var(--space-sm) var(--space-base)}.hero-title{font-size:var(--font-size-xxl)}.button-group{flex-direction:column;align-items:center}.btn{margin-bottom:var(--space-sm);width:100%;max-width:300px}}@media(max-width:480px){:root{--font-size-base: 14px}.tabs{overflow-x:auto;justify-content:flex-start}}