html,body{font-family:Arial,sans-serif}html,body{margin:0;padding:0;width:100%;height:100%;background:linear-gradient(135deg,#21272f,#14171c 70%,#0a0c0e);overflow:hidden}.page-container{min-height:100vh;background:linear-gradient(135deg,#21272f,#14171c 70%,#0a0c0e);color:#fff;padding:2rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.page-container::-webkit-scrollbar{width:8px}.page-container::-webkit-scrollbar-track{background:transparent}.page-container::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px;opacity:0;transition:opacity .2s ease}.page-container:hover::-webkit-scrollbar-thumb{opacity:1}:root{--primary-orange: #fe8932;--primary-orange-dark: #e94f37;--primary-orange-light: #ff9a4d;--bg-primary: linear-gradient(135deg, #21272f 0%, #14171c 70%, #0a0c0e 100%);--bg-secondary: linear-gradient(135deg, #2a3440 0%, #1a1f25 70%, #0f1215 100%);--bg-tertiary: linear-gradient(45deg, #21272f 0%, #0f1215 100%);--bg-radial: radial-gradient(circle, #21272f 0%, #0a0c0e 100%);--bg-dark-primary: #21272f;--bg-dark-secondary: #14171c;--bg-dark-tertiary: #0a0c0e;--bg-dark-quaternary: #0f1215;--bg-dark-quinary: #2a3440;--bg-dark-senary: #1a1f25;--text-primary: #fff;--text-secondary: #f8f4d4;--text-tertiary: #e0e0e0;--text-muted: rgba(255, 255, 255, .7);--text-muted-light: rgba(255, 255, 255, .8);--text-muted-dark: rgba(255, 255, 255, .3);--text-accent: #8b9dc3;--text-accent-light: #a8b2d1;--btn-primary: linear-gradient(135deg, #fe8932 0%, #fe8932 70%, #e94f37 100%);--btn-primary-hover: linear-gradient(135deg, #ff9a4d 0%, #ff9a4d 70%, #f55f47 100%);--btn-success: linear-gradient(135deg, #27ae60 0%, #2ecc71 100%);--btn-success-hover: linear-gradient(135deg, #5cbf60 0%, #4CAF50 100%);--btn-danger: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);--btn-warning: linear-gradient(135deg, #f39c12 0%, #e67e22 100%);--success: #27ae60;--success-light: #2ecc71;--success-dark: #229954;--warning: #f39c12;--warning-light: #e67e22;--danger: #e74c3c;--danger-light: #c0392b;--info: #3498db;--info-light: #5dade2;--interactive-primary: #667eea;--interactive-secondary: #764ba2;--interactive-accent: #4ade80;--border-primary: rgba(255, 255, 255, .2);--border-secondary: rgba(255, 255, 255, .3);--border-accent: rgba(255, 255, 255, .1);--border-orange: rgba(254, 137, 50, .3);--border-orange-light: rgba(254, 137, 50, .6);--border-blue: rgba(102, 126, 234, .3);--shadow-light: rgba(0, 0, 0, .1);--shadow-medium: rgba(0, 0, 0, .2);--shadow-dark: rgba(0, 0, 0, .3);--shadow-darker: rgba(0, 0, 0, .4);--shadow-orange: rgba(254, 137, 50, .4);--shadow-orange-light: rgba(254, 137, 50, .6);--shadow-blue: rgba(102, 126, 234, .4);--shadow-green: rgba(39, 174, 96, .3);--shadow-green-light: rgba(39, 174, 96, .4);--overlay-light: rgba(255, 255, 255, .05);--overlay-medium: rgba(255, 255, 255, .1);--overlay-dark: rgba(255, 255, 255, .2);--overlay-darker: rgba(0, 0, 0, .8);--overlay-gradient-primary: linear-gradient(135deg, #0a0c0e 0%, rgba(20, 23, 28, .6) 10%, rgba(255, 255, 255, 0) 100%);--overlay-gradient-blue: linear-gradient(90deg, rgba(102, 126, 234, .9) 0%, rgba(79, 102, 200, .8) 100%);--overlay-gradient-orange: linear-gradient(90deg, rgba(254, 137, 50, .9) 0%, rgba(233, 79, 55, .8) 100%);--speed-dial-bg: #2c3e50;--speed-dial-bg-light: #34495e;--speed-dial-orange: linear-gradient(45deg, #e67e22, #d35400);--speed-dial-red: linear-gradient(45deg, #e74c3c, #c0392b);--speed-dial-gradient: linear-gradient(to top, #2c3e50, #34495e);--speed-dial-slider: #27ae60;--speed-dial-track: #d4c5a4;--blog-bg-light: #f8f9fa;--blog-text-dark: #2c3e50;--blog-text-medium: #34495e;--blog-text-light: #666;--blog-border-light: #e0e0e0;--blog-border-medium: #e9ecef;--blog-accent-blue: #1976d2;--blog-accent-bg: #e3f2fd;--blog-code-bg: #1e293b;--blog-code-text: #e2e8f0;--blog-code-border: #334155;--blog-code-accent: #475569;--blog-code-accent-text: #94a3b8;--blog-code-button: #64748b;--blog-code-button-text: #e2e8f0;--blog-code-copy: #10b981;--blog-code-copy-text: #ffffff;--syntax-keyword: #c792ea;--syntax-string: #a5d6ff;--syntax-number: #f78c6c;--syntax-comment: #676e95;--syntax-function: #82aaff;--syntax-variable: #ffcb6b;--alert-info-bg: #fff3cd;--alert-info-border: #ffeaa7;--alert-success-bg: #d4edda;--alert-success-border: #c3e6cb;--alert-error-bg: #f8d7da;--alert-error-border: #f5c6cb;--neutral-100: #f8f9fa;--neutral-200: #e9ecef;--neutral-300: #dee2e6;--neutral-400: #ced4da;--neutral-500: #adb5bd;--neutral-600: #6c757d;--neutral-700: #495057;--neutral-800: #343a40;--neutral-900: #212529;--gray-100: #f8f9fa;--gray-200: #e9ecef;--gray-300: #dee2e6;--gray-400: #ced4da;--gray-500: #adb5bd;--gray-600: #6c757d;--gray-700: #495057;--gray-800: #343a40;--gray-900: #212529;--transparent: transparent;--white: #ffffff;--black: #000000;--red-light: rgba(255, 0, 0, .1);--red-medium: rgba(255, 0, 0, .2);--red-border: rgba(255, 0, 0, .3);--green-light: rgba(0, 255, 0, .2)}