:root{--primary-green: #00ff89;--primary-green-hover: #00e67a;--primary-green-light: #33ffa0;--primary-green-soft: rgba(0, 255, 137, .1);--dark-bg: #0a0b0f;--dark-surface: #1a1d24;--dark-surface-elevated: #22252d;--text-primary: #ffffff;--text-secondary: #b8bcc8;--text-muted: #8891a3;--border-subtle: rgba(255, 255, 255, .1);--gradient-hero: linear-gradient(135deg, #0a0b0f 0%, #1a1d24 100%);--gradient-card: linear-gradient(145deg, #1a1d24 0%, #22252d 100%);--shadow-soft: 0 4px 20px rgba(0, 0, 0, .3);--shadow-glow: 0 0 30px rgba(0, 255, 137, .15);--error-color: #ff4757;--danger-red: #ff4757;--success-color: #4caf50;--warning-color: #ffa726;--warning-yellow: #ffa726;--warning-yellow-soft: rgba(255, 167, 38, .1);--info-color: #42a5f5;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-secondary: "Inter", sans-serif;--base-font-size: 16px;--line-height: 1.6;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-3xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080}*{margin:0;padding:0;box-sizing:border-box}*:before,*:after{box-sizing:border-box}html{font-family:var(--font-primary);font-size:var(--base-font-size);line-height:var(--line-height);scroll-behavior:smooth;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;height:100%}body{background:var(--dark-bg);color:var(--text-primary);font-family:var(--font-primary);font-size:var(--base-font-size);line-height:var(--line-height);margin:0;padding:0;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%}h1,h2,h3,h4,h5,h6{font-family:var(--font-secondary);font-weight:600;line-height:1.3;margin:0;color:var(--text-primary)}h1{font-size:2.5rem;font-weight:700}h2{font-size:2rem;font-weight:600}h3{font-size:1.5rem;font-weight:600}h4{font-size:1.25rem;font-weight:600}h5{font-size:1.125rem;font-weight:600}h6{font-size:1rem;font-weight:600}p{margin:0;color:var(--text-secondary);line-height:var(--line-height)}a{color:var(--primary-green);text-decoration:none;transition:color var(--transition-normal)}a:hover{color:var(--primary-green-hover)}a:focus{outline:2px solid var(--primary-green);outline-offset:2px}ul,ol{margin:0;padding:0}li{color:var(--text-secondary)}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button{background:none;border:none;padding:0;cursor:pointer;font-family:inherit}input,select,textarea{background:var(--dark-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);padding:var(--spacing-md);transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary-green);box-shadow:0 0 0 3px var(--primary-green-soft)}input::placeholder,textarea::placeholder{color:var(--text-muted)}img,svg{max-width:100%;height:auto;display:block}video{max-width:100%;height:auto}table{width:100%;border-collapse:collapse;border-spacing:0}th,td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--border-subtle)}th{font-weight:600;color:var(--text-primary);background:var(--dark-surface)}td{color:var(--text-secondary)}code{background:var(--dark-surface-elevated);border-radius:var(--radius-sm);color:var(--primary-green);font-family:Menlo,Monaco,Courier New,monospace;font-size:.875em;padding:.125rem .25rem}pre{background:var(--dark-surface-elevated);border-radius:var(--radius-md);color:var(--text-primary);overflow-x:auto;padding:var(--spacing-md)}pre code{background:none;padding:0}blockquote{border-left:3px solid var(--primary-green);padding-left:var(--spacing-md);margin:var(--spacing-md) 0;font-style:italic;color:var(--text-secondary)}hr{border:none;height:1px;background:var(--border-subtle);margin:var(--spacing-xl) 0}::selection{background:var(--primary-green-soft);color:var(--primary-green)}::-moz-selection{background:var(--primary-green-soft);color:var(--primary-green)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--dark-surface)}::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}*:focus{outline:2px solid var(--primary-green);outline-offset:2px}button:focus,input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 3px var(--primary-green-soft)}.logo-accent{color:var(--text-primary)}.logo-accent-white{color:#fff}.btn{padding:.75rem 1.5rem;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-normal);text-decoration:none;display:inline-block;text-align:center;font-family:inherit;font-size:1rem;line-height:1}.btn-primary{background:var(--primary-green);color:var(--dark-bg)}.btn-primary:hover{background:var(--primary-green-hover);transform:translateY(-2px);box-shadow:var(--shadow-glow)}.btn-primary:disabled{background:var(--text-muted);cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:transparent;color:var(--text-primary);border:2px solid var(--primary-green)}.btn-secondary:hover{background:var(--primary-green);color:var(--dark-bg);border-color:var(--primary-green)}.btn-full{width:100%}.card{background:var(--gradient-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:2rem;transition:all var(--transition-normal)}.card:hover{border-color:var(--primary-green);box-shadow:var(--shadow-soft)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-secondary);font-weight:500}.form-input{width:100%;padding:.75rem 1rem;background:var(--dark-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:1rem;transition:all var(--transition-normal)}.form-input:focus{outline:none;border-color:var(--primary-green);box-shadow:0 0 0 3px var(--primary-green-soft)}.form-input::placeholder{color:var(--text-muted)}.last-updated{color:var(--text-muted);font-size:.9rem;margin-bottom:2rem}.toc-card{background:var(--gradient-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:1.5rem;margin-bottom:3rem;transition:all var(--transition-normal)}.toc-card:hover{border-color:var(--primary-green);box-shadow:var(--shadow-soft)}.toc-card h3{color:var(--text-primary);font-weight:600;margin-bottom:1rem;font-size:1.1rem}.toc-list{list-style:none;margin:0;padding:0}.toc-list li{margin-bottom:.5rem}.toc-card a{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-normal);display:block;padding:.25rem 0}.toc-card a:hover{color:var(--primary-green)}.privacy-features{list-style:none;margin:0;padding:0}.privacy-features li{color:var(--text-secondary);margin-bottom:.75rem;padding-left:1.5rem;position:relative}.privacy-features li:before{content:"✓";color:var(--primary-green);font-weight:700;position:absolute;left:0}.support-categories{margin-top:1rem;text-align:center}.support-categories small{color:var(--text-muted);font-size:.875rem}@media print{*{background:#fff!important;color:#000!important;box-shadow:none!important}body{font-size:12pt;line-height:1.4}.btn{display:none}}.form-input,.form-select{width:100%;padding:.875rem 1rem;background:var(--dark-surface-elevated, #22252d);color:var(--text-primary, #ffffff);border:1px solid var(--border-subtle, rgba(255, 255, 255, .1));border-radius:var(--radius-md, 8px);font-size:1rem;font-family:inherit;transition:all .3s ease}.form-input:focus,.form-select:focus{outline:none;border-color:var(--primary-green, #00ff89);box-shadow:0 0 0 2px #00ff891a}.form-input::placeholder{color:var(--text-muted, #6c757d)}.form-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.form-select option{background:var(--dark-surface, #1a1d24);color:var(--text-primary, #ffffff)}.container{max-width:1200px;margin:0 auto;padding:0 1rem}#app-root{min-height:100vh;display:flex;flex-direction:column;justify-content:center;background:var(--dark-bg)}.content-container{max-width:800px;margin:0 auto;padding:0 1rem}.main-content{padding-top:6rem;padding-bottom:4rem;min-height:100vh}header{position:fixed;top:0;left:0;right:0;background:#0a0b0ff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);z-index:1000;padding:1rem 0;transition:all .3s ease}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;text-decoration:none;font-size:1.8rem;font-weight:700;color:var(--primary-green);letter-spacing:1px}.logo-image{height:41px;width:auto;max-height:51px;object-fit:contain;transition:transform .3s ease}.logo-link{transition:opacity .2s ease;cursor:pointer;display:inline-block}.logo-image{transition:transform .2s ease}.logo-link:hover .logo-image{transform:scale(1.05)}.logo-link.active{opacity:1}.logo-link:not(.active){opacity:.8}.logo-link:not(.active):hover{opacity:1}@media (max-width: 768px){.logo-image{height:36px;max-height:41px}}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color .3s ease}.nav-links a:hover{color:var(--primary-green)}footer{background:var(--dark-bg);padding:3rem 0 2rem;border-top:1px solid var(--border-subtle);text-align:center}.footer-links{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem;flex-wrap:wrap}.footer-links a{color:var(--text-secondary);text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:var(--primary-green)}.copyright{color:var(--text-muted);font-size:.9rem}.page-header{text-align:center;margin-bottom:3rem;padding:2rem 0}.page-header h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,var(--text-primary) 0%,var(--primary-green) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-header p{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.7}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.section-header p{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.content-section{margin-bottom:3rem;padding:2rem;background:var(--gradient-card);border:1px solid var(--border-subtle);border-radius:16px;transition:all .3s ease}.content-section:hover{border-color:var(--primary-green);box-shadow:var(--shadow-soft)}.content-section h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--primary-green);display:inline-block}.content-section p{color:var(--text-secondary);margin-bottom:1rem;line-height:1.7}.content-section ul{color:var(--text-secondary);margin-left:1.5rem;margin-bottom:1rem}.content-section li{margin-bottom:.5rem}.content-section a{color:var(--primary-green);text-decoration:none;transition:color .3s ease}.content-section a:hover{color:var(--primary-green-hover);text-decoration:underline}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.form-row{display:flex;gap:1rem}.error-container{max-width:480px;margin:120px auto 16px;padding:40px 28px 24px;border-radius:16px;background:var(--dark-surface-elevated);box-shadow:var(--shadow-soft);color:var(--text-primary);text-align:center;border:1.5px solid var(--border-subtle)}.error-container:hover{border-color:var(--primary-green);box-shadow:var(--shadow-glow)}.error-container{animation:fadeInUp .7s cubic-bezier(.23,1.01,.32,1) both}.error-container h1{color:var(--primary-green);font-size:2.7rem;font-weight:700;margin-bottom:1rem}.error-container h2{color:var(--text-secondary);font-size:1.2rem;margin-bottom:2rem}.error-container .btn{margin-top:2rem}.contact-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:3rem}.contact-method{background:var(--gradient-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:2rem;text-align:center;transition:all var(--transition-normal)}.contact-method:hover{border-color:var(--primary-green);box-shadow:var(--shadow-soft);transform:translateY(-2px)}.contact-method-icon{font-size:2.5rem;margin-bottom:1rem;display:block}.contact-method h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.contact-method p{color:var(--text-secondary);margin-bottom:1rem;font-size:.9rem}.contact-method a{color:var(--primary-green);text-decoration:none;font-weight:500;transition:color var(--transition-normal)}.contact-method a:hover{color:var(--primary-green-hover)}.contact-form-container{background:var(--gradient-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:2rem;margin-bottom:2rem;transition:all var(--transition-normal)}.contact-form-container:hover{border-color:var(--primary-green);box-shadow:var(--shadow-soft)}.form-header{text-align:center;margin-bottom:2rem}.form-header h2{color:var(--text-primary);font-size:1.75rem;font-weight:600;margin-bottom:.5rem}.form-header p{color:var(--text-secondary);font-size:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:0}.form-row .form-textarea{width:100%;padding:.75rem 1rem;background:var(--dark-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:1rem;transition:all var(--transition-normal);resize:vertical;min-height:120px}.form-textarea:focus{outline:none;border-color:var(--primary-green);box-shadow:0 0 0 3px var(--primary-green-soft)}.form-textarea::placeholder{color:var(--text-muted)}.form-select{width:100%;padding:.75rem 1rem;background:var(--dark-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:1rem;transition:all var(--transition-normal);cursor:pointer}.form-select:focus{outline:none;border-color:var(--primary-green);box-shadow:0 0 0 3px var(--primary-green-soft)}.message{padding:1rem;border-radius:var(--radius-md);margin-top:1rem;display:none;font-weight:500}.message.success{background:#4caf501a;border:1px solid var(--success-color);color:var(--success-color)}.message.error{background:#ff47571a;border:1px solid var(--error-color);color:var(--error-color)}.message.visible{display:block}.response-info{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-subtle);text-align:center}.response-info h4{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:1rem}.category-list{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;list-style:none;margin:0;padding:0}.category-tag{background:var(--primary-green-soft);color:var(--primary-green);padding:.5rem 1rem;border-radius:var(--radius-2xl);font-size:.875rem;font-weight:500;border:1px solid var(--primary-green)}.page-header{font-size:1.5rem;font-weight:600;color:var(--text-primary)}@media (max-width: 768px){.container{padding:0 .5rem}.header-content{flex-direction:column;gap:1rem}.nav-links{gap:1rem}.footer-links{flex-direction:column;gap:1rem}.form-row{flex-direction:column}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.category-list{flex-direction:column;align-items:center}.contact-methods{grid-template-columns:1fr}}@media (max-width: 480px){.page-header h1,.section-header h2{font-size:2rem}.content-section{padding:1.5rem}}