:root{--primary-color:#00a8e8;--primary-hover:#0077a3;--secondary-color:#ffc107;--secondary-hover:#ffa000;--accent-color:#ff6b6b;--background-color:#fffdf5;--surface-color:#fff;--text-color:#333;--text-muted:#666;--border-radius:20px;--shadow-sm:0 4px 8px #0000001a;--shadow-md:0 8px 16px #00000026;--font-family:system-ui,-apple-system,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--background-color);color:var(--text-color);line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{border-radius:var(--border-radius);border:none;padding:10px 20px;font-weight:600;transition:all .2s;display:inline-block}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-2px)}.card{background:var(--surface-color);border-radius:var(--border-radius);box-shadow:var(--shadow-md);padding:20px}@media (max-width:768px){:root{--h1-size:1.75rem;--h2-size:1.5rem;--body-size:1rem}.container{padding:0 16px}}.grid-responsive{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;display:grid}@media (max-width:600px){.grid-responsive{grid-template-columns:1fr}.mobile-stack{flex-direction:column!important;align-items:stretch!important}.mobile-hidden{display:none!important}}.flex-center{justify-content:center;align-items:center;display:flex}.text-center{text-align:center}.w-full{width:100%}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.shift-item{cursor:pointer}.shift-card{transition:transform .2s,box-shadow .2s}.shift-card:hover{z-index:100;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}