:root{--color-primary:#2c4bff;--color-primary-light:#e7e5ff;--color-primary-dark:#1e3a99;--color-success:#10b981;--color-success-light:#d1fae5;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-danger:#ef4444;--color-danger-light:#fee2e2;--color-text-primary:#1f2937;--color-text-secondary:#6b7280;--color-text-light:#9ca3af;--color-bg-main:#f7f6f2;--color-bg-card:#fff;--color-bg-secondary:#f3f4f6;--color-border:#e5e7eb;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-xxl:32px;--font-family:"Noto Sans",system-ui,-apple-system,sans-serif;--font-size-h1:32px;--font-size-h2:26px;--font-size-h3:20px;--font-size-body:16px;--font-size-small:14px;--font-size-caption:12px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--shadow-sm:0 2px 4px rgba(0,0,0,.05);--shadow-md:0 6px 12px rgba(0,0,0,.08);--shadow-lg:0 10px 20px rgba(0,0,0,.1);--shadow-xl:0 15px 30px rgba(0,0,0,.15);--transition-fast:150ms ease-in-out;--transition-normal:250ms ease-in-out}*{box-sizing:border-box}html{color-scheme:light}body{margin:0;padding:0;background-color:var(--color-bg-main);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);line-height:1.6}h1{font-size:var(--font-size-h1);line-height:1.25;margin:0 0 var(--space-xl) 0}h1,h2{font-weight:var(--font-weight-bold)}h2{font-size:var(--font-size-h2);line-height:1.3;margin:var(--space-xl) 0 var(--space-lg) 0;color:var(--color-text-primary)}h3{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);line-height:1.4;margin:var(--space-lg) 0 var(--space-md) 0}p{margin:0 0 var(--space-md) 0;color:var(--color-text-secondary);font-size:var(--font-size-body)}.caption,small{font-size:var(--font-size-caption);color:var(--color-text-light)}main{max-width:1200px;margin:0 auto;padding:var(--space-xxl) var(--space-lg) calc(var(--space-xxl) * 2.5)}.card{background-color:var(--color-bg-card);border-radius:16px;padding:var(--space-lg);box-shadow:var(--shadow-md);transition:box-shadow var(--transition-normal)}.card:hover{box-shadow:var(--shadow-lg)}.grid{display:grid;grid-gap:var(--space-lg);gap:var(--space-lg);margin-bottom:var(--space-lg)}.grid>div{display:flex;flex-direction:column}.grid-2{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (max-width:640px){.grid,.grid-2,.grid-3{grid-template-columns:1fr}}label{display:block;font-weight:var(--font-weight-semibold);margin-bottom:var(--space-sm);font-size:var(--font-size-small);text-transform:uppercase;letter-spacing:.5px}input,label,select,textarea{color:var(--color-text-primary)}input,select,textarea{width:100%;padding:var(--space-md);border-radius:12px;border:1px solid var(--color-border);font-family:var(--font-family);font-size:var(--font-size-body);background-color:var(--color-bg-card);transition:all var(--transition-normal)}input::placeholder,textarea::placeholder{color:var(--color-text-light)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(44,75,255,.1)}input:disabled,select:disabled,textarea:disabled{background-color:var(--color-bg-secondary);color:var(--color-text-light);cursor:not-allowed;opacity:.6}textarea{resize:vertical;min-height:100px}select{-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='8' viewBox='0 0 12 8'%3E%3Cpath fill='%232c4bff' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-md) center;padding-right:36px}button,select{cursor:pointer}button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border:none;border-radius:12px;font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);transition:all var(--transition-normal)}button:not([class*=secondary],[class*=danger]){background-color:var(--color-primary);color:#fff;box-shadow:0 2px 8px rgba(44,75,255,.2)}button:not([class*=secondary],[class*=danger]):hover:not(:disabled){background-color:var(--color-primary-dark);box-shadow:0 4px 12px rgba(44,75,255,.3);transform:translateY(-1px)}button:not([class*=secondary],[class*=danger]):active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px rgba(44,75,255,.2)}button.secondary{background-color:var(--color-primary-light);color:var(--color-primary);border:1px solid var(--color-primary)}button.secondary:hover:not(:disabled){background-color:var(--color-bg-secondary);color:var(--color-primary-dark)}button.danger{background-color:var(--color-danger);color:#fff}button.danger:hover:not(:disabled){background-color:#dc2626}button:disabled{opacity:.5;cursor:not-allowed;color:var(--color-text-light)}header{background-color:var(--color-bg-card);border-bottom:1px solid var(--color-border);padding:var(--space-lg) 0;margin-bottom:var(--space-xxl);box-shadow:var(--shadow-sm);position:-webkit-sticky;position:sticky;top:0;z-index:100}header h1{margin-left:auto;margin-right:auto}header h1,nav{max-width:1200px;padding:0 var(--space-lg)}nav{display:flex;gap:var(--space-xl);margin:var(--space-lg) auto 0;flex-wrap:wrap;border-top:1px solid var(--color-border);padding-top:var(--space-lg)}nav a{color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-semibold);font-size:var(--font-size-small);padding:var(--space-sm) 0;border-bottom:2px solid transparent;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.5px}nav a:hover{color:var(--color-primary-dark);border-bottom-color:var(--color-primary)}.badge{display:inline-block;padding:var(--space-xs) var(--space-sm);border-radius:8px;font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);white-space:nowrap}.badge-success{background-color:var(--color-success-light);color:#065f46}.badge-warning{background-color:var(--color-warning-light);color:#b45309}.badge-danger{background-color:var(--color-danger-light);color:#7f1d1d}.badge-info{background-color:var(--color-primary-light);color:var(--color-primary-dark)}ol,ul{margin:0 0 var(--space-lg) var(--space-lg);padding:0}li{margin-bottom:var(--space-md);line-height:1.8}.text-muted{color:var(--color-text-secondary);font-size:var(--font-size-small)}.text-light{color:var(--color-text-light);font-size:var(--font-size-caption)}.divider{border:none;border-top:1px solid var(--color-border);margin:var(--space-lg) 0}.mt-md{margin-top:var(--space-md)}.mb-md{margin-bottom:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-lg{margin-bottom:var(--space-lg)}@media (max-width:768px){main{padding:var(--space-lg) var(--space-md) calc(var(--space-lg) * 2)}h1{font-size:24px}h2{font-size:20px}nav{flex-direction:column;gap:var(--space-md)}}