:root{--color-primary: #23C02E;--color-primary-dark: #1a9422;--color-primary-light: #e8f9e9;--color-secondary: #0049FF;--color-secondary-light: #e6edff;--color-gray: #516D7F;--color-bg: #f2f4f8;--color-surface: #ffffff;--color-border: #e8eaef;--color-text: #0f1117;--color-text-muted: #6b7280;--color-text-light: #9ca3af;--color-navbar: #111318;--color-danger: #dc2626;--color-warning: #f59e0b;--color-success: #23C02E;--font-sans: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "DM Mono", "Fira Code", monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 2px 8px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .08), 0 2px 6px rgba(0, 0, 0, .04);--shadow-hover: 0 12px 32px rgba(0, 0, 0, .1), 0 4px 8px rgba(0, 0, 0, .06);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;letter-spacing:-.01em}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}a{color:var(--color-secondary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}img{max-width:100%;height:auto;display:block}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base),transform var(--transition-base)}.card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;line-height:1.4}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #23c02e4d}.btn-secondary{background:var(--color-secondary);color:#fff}.btn-secondary:hover{background:#003acc;color:#fff}.btn-outline{background:transparent;border:1px solid var(--color-border);color:var(--color-text)}.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary)}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:.875rem;font-weight:500;color:var(--color-text)}.form-input,.form-select,.form-textarea{padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.875rem;background:var(--color-surface);color:var(--color-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #23c02e26}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-light)}.form-textarea{resize:vertical;min-height:100px}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:.75rem;font-weight:500;line-height:1.4}.badge-green{background:#dcfce7;color:#166534}.badge-blue{background:#dbeafe;color:#1e40af}.badge-orange{background:#ffedd5;color:#9a3412}.badge-purple{background:#f3e8ff;color:#6b21a8}.badge-gray{background:#f3f4f6;color:#374151}.badge-red{background:#fee2e2;color:#991b1b}.container{max-width:1200px;margin:0 auto;padding:0 24px}.page-enter{animation:pageEnter var(--transition-slow) forwards}@keyframes pageEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}@media(max-width:768px){h1{font-size:1.5rem}h2{font-size:1.25rem}.container{padding:0 16px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.text-muted{color:var(--color-text-muted)}.text-mono{font-family:var(--font-mono)}