:root{--color-primary:#e42529;--color-primary-hover:#c51d21;--color-primary-light:#fee;--color-primary-50:#fef2f2;--color-primary-100:#fee2e2;--color-white:#ffffff;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-success:#22c55e;--color-success-light:#dcfce7;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--color-info-light:#dbeafe;--color-error-light:#fee2e2;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica","Arial",sans-serif;--font-mono:"SF Mono","Monaco","Inconsolata","Roboto Mono",monospace;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--text-3xl:30px;--text-4xl:36px;--transition-fast:150ms ease-in-out;--transition-base:250ms ease-in-out;--transition-slow:350ms ease-in-out;--container-max-width:1280px;--container-padding:20px}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;color:var(--color-gray-900);background-color:var(--color-gray-50);overflow-x:hidden;-webkit-overflow-scrolling:touch}@keyframes pageTransition{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}main{animation:pageTransition .3s ease-in-out}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--color-gray-900);margin-bottom:var(--spacing-md)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{margin-bottom:var(--spacing-md);color:var(--color-gray-700)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding);width:100%}.section{padding:var(--spacing-2xl) 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:12px 24px;font-size:var(--text-base);font-weight:500;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-base);text-align:center;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:white}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover);box-shadow:var(--shadow-md)}.btn-secondary{background-color:white;color:var(--color-gray-700);border:1px solid var(--color-gray-300)}.btn-secondary:hover:not(:disabled){background-color:var(--color-gray-50);border-color:var(--color-gray-400)}.btn-ghost{background-color:transparent;color:var(--color-gray-700)}.btn-ghost:hover:not(:disabled){background-color:var(--color-gray-100)}.btn-sm{padding:8px 16px;font-size:var(--text-sm)}.btn-lg{padding:14px 28px;font-size:var(--text-lg)}.btn-icon{padding:12px;min-width:44px;min-height:44px}.input,.select,.textarea{width:100%;padding:12px 16px;font-size:var(--text-base);font-family:var(--font-sans);color:var(--color-gray-900);background-color:white;border:1px solid var(--color-gray-300);border-radius:var(--radius-md);transition:all var(--transition-fast)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.input::placeholder,.textarea::placeholder{color:var(--color-gray-400)}.textarea{resize:vertical;min-height:100px}.card{background-color:white;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200);overflow:hidden;transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-md)}.card-body{padding:var(--spacing-lg)}.badge{display:inline-flex;align-items:center;padding:4px 12px;font-size:var(--text-xs);font-weight:600;border-radius:999px;white-space:nowrap}.badge-primary{background-color:var(--color-primary-light);color:var(--color-primary)}.badge-success{background-color:#d1fae5;color:var(--color-success)}.badge-warning{background-color:#fef3c7;color:var(--color-warning)}.badge-error{background-color:#fee2e2;color:var(--color-error)}.badge-info{background-color:#dbeafe;color:var(--color-info)}.badge-secondary{background-color:var(--color-gray-200);color:var(--color-gray-700)}.grid{display:grid;grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-primary{color:var(--color-primary)}.text-gray{color:var(--color-gray-600)}.text-muted{color:var(--color-gray-500)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}@media (max-width:1024px){.grid-cols-4{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){:root{--container-padding:16px;--text-4xl:28px;--text-3xl:24px;--text-2xl:20px}.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}.section{padding:var(--spacing-xl) 0}.btn{max-width:100%;box-sizing:border-box}.btn-lg{padding:12px 20px;font-size:var(--text-base)}}@media (max-width:480px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}.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}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.skeleton{background:linear-gradient(90deg,var(--color-gray-200) 25%,var(--color-gray-100) 50%,var(--color-gray-200) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner{border:3px solid var(--color-gray-200);border-top-color:var(--color-primary);border-radius:50%;width:40px;height:40px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}