@charset "UTF-8";:root{--color-primary: #0d1117;--color-primary-light: #161b22;--color-primary-dark: #010409;--color-secondary: #58a6ff;--color-secondary-dark: #388bfd;--color-secondary-light: #79c0ff;--color-accent: #56d364;--color-accent-dark: #2ea043;--color-accent-light: #7ee787;--color-text-primary: #f0f6fc;--color-text-secondary: #8b949e;--color-text-muted: #6e7681;--color-bg-primary: #0d1117;--color-bg-secondary: #161b22;--color-bg-tertiary: #21262d;--color-bg-overlay: rgba(13, 17, 23, .8);--color-border: #30363d;--color-border-light: #21262d;--shadow-small: 0 1px 3px rgba(0, 0, 0, .3);--shadow-medium: 0 4px 6px rgba(0, 0, 0, .3);--shadow-large: 0 10px 25px rgba(0, 0, 0, .4);--font-family-primary: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--font-family-mono: "Fira Code", "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-size-5xl: 3rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-base: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--breakpoint-mobile: 480px;--breakpoint-tablet: 768px;--breakpoint-desktop-sm: 1024px;--breakpoint-desktop-lg: 1440px;--transition-fast: .15s ease-in-out;--transition-medium: .3s ease-in-out;--transition-slow: .5s ease-in-out;--radius-sm: 4px;--radius-base: 8px;--radius-lg: 12px;--radius-full: 50%}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:100%}body{font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:1.6;color:var(--color-text-primary);background-color:var(--color-bg-primary);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:var(--spacing-base)}h1{font-size:var(--font-size-5xl)}h2{font-size:var(--font-size-4xl)}h3{font-size:var(--font-size-3xl)}h4{font-size:var(--font-size-2xl)}h5{font-size:var(--font-size-xl)}h6{font-size:var(--font-size-lg)}p{margin-bottom:var(--spacing-base);color:var(--color-text-secondary)}a{color:var(--color-secondary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-secondary-light)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-base)}.section{padding:var(--spacing-3xl) 0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);border:2px solid transparent;border-radius:var(--radius-base);font-size:var(--font-size-base);font-weight:500;text-decoration:none;cursor:pointer;transition:all var(--transition-medium)}.btn.btn-primary{background-color:var(--color-secondary);color:var(--color-primary)}.btn.btn-primary:hover{background-color:var(--color-secondary-light);transform:translateY(-2px);box-shadow:var(--shadow-medium)}.btn.btn-outline{border-color:var(--color-secondary);color:var(--color-secondary);background-color:transparent}.btn.btn-outline:hover{background-color:var(--color-secondary);color:var(--color-primary)}.btn.btn-accent{background-color:var(--color-accent);color:var(--color-primary)}.btn.btn-accent:hover{background-color:var(--color-accent-light)}@media (max-width: 480px){.container{padding:0 var(--spacing-sm)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}.section{padding:var(--spacing-2xl) 0}}@media (min-width: 481px) and (max-width: 768px){.container{padding:0 var(--spacing-base)}}@media (min-width: 769px) and (max-width: 1024px){.container{max-width:960px}}@media (min-width: 1441px){.container{max-width:1400px}}.fade-in{opacity:0;animation:fadeIn .6s ease-in forwards}@keyframes fadeIn{to{opacity:1}}.slide-up{transform:translateY(20px);opacity:0;animation:slideUp .6s ease-out forwards}@keyframes slideUp{to{transform:translateY(0);opacity:1}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-base)}::-webkit-scrollbar-thumb:hover{background:var(--color-secondary)}
